본문 바로가기

728x90

전체 글

(150)
22.04.13 수 블로그에 글을 올리는 것에 회의가 살짝 들어서 느슨해졌습니다. 공부한 것을 기록하기 위함이라지만 사실 내 자신이 꾸준히 공부했다는 것을 누군가에게 보여주기 위해서 작성하는 것이기도 합니다. 그렇다보니 지치게 되는 것도 있는 것 같습니다. 이 글이 과연 내게 도움이 될까? 이런 생각이 드는 것이죠. 그럼에도 돌아온 것은 오늘 하루를 정리해본다는 마음으로 글을 썼던 적도 있기 때문입니다. 그래서 어제 공부했던 것을 정리해보도록 하겠습니다. 이번주에는 async와 await, 이것을 활용한 API 호출, nodes.js, npm 을 공부해보았습니다. 1. async & await async와 await은 비동기 처리를 동기적으로 처리할 수 있게 해줍니다. async를 함수 앞에 붙이게 되면 Promise를 반..
무등산 등산 이번주 월요일은 도서관이 쉬는 날입니다. 그래서 날씨도 좋고 꽃도 활짝 폈길래 오랜만에 등산을 하게 되었습니다. 광주에 있는 무등산을 등산했는데 중학생 이후로 처음 올라가보았습니다. 예전에는 근처 노점상이나 흙길이었는데 지금은 정리되면서 제대로 된 건물이 들어서고 아스팔트로 쫙 깔려서 산 초입까지 편하게 갈 수 있었습니다. 편리한 것은 좋았으나 뭔가 아쉬운 느낌은 어쩔 수 없었습니다. 산의 느낌을 조금 깎아낸 느낌? 옛 추억이 조금 변한 느낌? 그런 감정이 들었습니다. 오랜만에 온 산은 초록초록해서 좋았습니다. 늘 vscode의 검은 바탕만 보고 살다가 맑은 하늘과 햇빛, 초록 잎사귀를 보니 생동감이 느껴져서 기분이 좋아졌습니다. 원래는 당산나무 코스로 올라갈 예정이었습니다. 길이 완만해서 걷기 좋다는 ..
22.04.10.일 [Promise] Promise에 대해서 제가 잘못 알고 있었던 지식이 있었습니다. async, await처럼 쓰는 줄 알고 있어 개념을 제대로 이해하지 못했습니다. 강의와 다른 자료들을 찾아본 결과 그 부분을 깨달을 수 있었고 개념을 이해할 수 있었습니다. Promise에 대해 정리해보겠습니다. 먼저 Promise는 객체입니다. Promise와 자신의 상태(pending, fullfilled, rejected)그리고 결과를 갖습니다. 이런 Promise는 왜 쓰는 걸까요? Promise를 쓰는 이유 비동기 처리를 위해 콜백함수를 사용했었습니다. 하지만 콜백지옥으로 인해 가독성이 떨어지고 로직을 변경하기 어렵습니다. 그래서 이를 해결하고 더 편하게 작성하기 위해 Promise를 사용하게 되었습니다. promise 형태 l..
22.04.09 토 Promise 관련해서 공부를 하고 있는데 이해하기 쉽지 않아 여러번 강의를 돌려보고 있습니다. 그외에도 다른 자료들을 찾아보면서 공부를 하고 있는데... 시간이 필요해보입니다. 내일까지 시간을 써서 Promise에 대한 개념을 제대로 잡을 생각입니다. Promise는 콜백지옥에 비해서 가독성, 깔끔함, 중간에 다른 작업을 할 수 있다는 장점이 있다. 이런 점을 숙지하면서 개념을 찾고 보고 있어서 조금씩 이해하는 중입니다. 내일이 되면 더 발전한 제가 되어있겠죠. 공부 내용 간단 정리. 비동기 작업이 가질 수 있는 3가지 상태 1. Pending ( 대기 상태 ) 비동기 작업이 진행 중이거나 실행할 수도 없는 문제가 발생한 상황 2. Fulfilled ( 성공 ) 비동기 작업이 정상적으로 완료된 상태 3..
22.04.07 목 야구장 알바 끝나고 와서 쓰는 글입니다. 다행히 기아가 이겨서 9회 초만 하고 끝나 일찍 집에 올 수 있었네요 오늘은 야구장 가기 전에 잠깐 강의를 보았습니다. 1. 비 구조화 할당 대괄호를 사용해서 값을 순서대로 할당받는 문법으로 객체, 배열에 쓰인다. let arr = ["one", "two", "three"]; let [one, two, three] = arr; console.log(one, two, three) // one, two, three // 여기서 더 줄일 수 있다. let [one, two, three] = ["one", "two", "three"] console.log(one, two, three) // one, two, three // 선언되지 않은 값을 부르면 undefined l..
22.04.06 수 오늘 배운 것은 truthy, falsy, 삼항연산자, 단락회로 평가다. Truthy, Falsy 불리언 true가 아님에도 불구하고 true로 분류하는 것을 Truthy, 불리언 false가 아님에도 불구하고 false로 분류하는 것을 Falsy라고 한다. truthy는 빈 배열, 빈 객체, Infinity, 숫자값, "0", 문자열 등이 있다. falsy는 null, undefined, 숫자 0, -0, NaN, ""(빈 문자열) 등이 있다 이 개념을 활용한 코드 const getName = (person) => { } return person.name; }; let person = { name: "이정환" }; const name = getName(person); console.log(name); ..
22.04.05 화 야구장 알바 끝나고 쓴다면서 다음날에 쓰고 있습니다. 하하.. 야구가 늦게 끝나서 10시 반에 도착하고 쉬다가 잠들어버려서 지금에서야 작성합니다. 야구장 알바를 가기 전에 강의 하나를 듣고 갔습니다. 배열 내장 함수라는 챕터의 강의를 들었는데 간단히 정리해보겠습니다. forEach는 배열을 순서대로 순회하는 메서드 const arr = [1, 2, 3, 4]; arr.forEach((elm) => console.log(elm)); //함수 선언문으로 나타내면.. arr.forEach(function (elm) { console.log(elm); }); map도 순회하지만 새로운 배열을 생성하는 메서드 const arr = [1, 2, 3, 4,]; const newArr = arr.map((elm) =>..
22.04.04 월 일지 쓰는 게 늦었습니다. 화요일인데 어제인 월요일 일지를 쓰고 있네요... 어제는 도서관을 가서 다음 리액트 강의를 들었습니다. 그 전에 들었던 리액트 강의는 기초적이고 리액트를 통해 간단하게 페이지를 만들어보았다면 이번 강의에서는 파이어베이스를 활용해 CRUD가 가능한 웹페이지를 만듭니다. 지금은 리액트를 다루기 전에 짚어야 할 JS를 듣고 있습니다. 처음에는 참 어렵게 생각했던 개념들이 리액트 강의를 통해 여러번 들으니 이제는 이해가 되었습니다. 하지만 개념을 추상적으로 알고 있을 것이 아니라 분명하게 알고 설명할 줄 알아야겠습니다. 그래서 이 강의를 다 듣고 문서화를 거치면서 그 부분을 해결할 생각입니다. 또한 이번 리액트를 끝으로 웹페이지를 제작할 생각을 가지고 있습니다. 괜찮은 아이디어? 라기..

728x90