5월 목표:
"매일 1시간 <자바스크립트 딥다이브>의 실행 컨텍스트·클로저·비동기·this 챕터를 읽고 (10~20분), 각 개념마다 실행 순서 또는 동작을 콘솔에서 직접 예측·검증해 익힌 뒤 (20~30분) 이해한 내용을 블로그에 정리한다 (20분) "
(적어둔 시간은 가이드일뿐 완벽히 지킬 필요는 없다. 1시간 안에 적절히 배분할 것)
구체적인 순서는
실행 컨텍스트 & 스코프 & 클로저 - 가장 먼저, 깊고 정확하게 이해해야 하는 개념. 리액트의 useEffect, useCallback, useMemo 동작 원리의 근거가 됨
이벤트 루프 & 비동기 처리 (Promise, async/await) - 핵심적으로 이해해야 하는 것은 "태스크 큐와 마이크로태스크 큐의 차이", "실행 순서 예측". useEffect 안에서 비동기를 다룰 때나 타이밍 버그 발생 시 원인 추적에 필요한 개념
this 바인딩 - 이벤트 핸들러, 콜백, 화살표 함수에서 this가 다르게 동작하는지 설명할 수 있도록 개념 확실히 잡는 것이 목표
각 단계별 예측, 검증의 구체적인 방법:
책의 예제 코드를 실행 -> 변수 하나를 바꾸거나 순서를 뒤집어서 예상과 다른 결과를 의도적으로 만들어보는 등의 변형 시도 -> 필요 시 추가 자료 구글링 (너무 오래 끌지 않도록 주의)
실제 며칠 해보면서 적절한 프로세스 찾기
주의할 점
블로그 글은 '내가 이해한 걸 내 말로 덤프하는 것'이라는 기준으로 쓸 것. 너무 잘쓰려는 욕심에 블로그 정리에 과도한 시간을 투자하면 글쓰기 부담으로 루틴이 깨질 수 있음을 명심
1, 2, 3단계 넘어가는 기준: "코드를 보고 동작을 예측하고, 틀렸을 때 왜 틀렸는지 말로 설명할 수 있으면 다음 단계로 넘어간다." - 어차피 중요한 개념은 자주 마주치기 때문에 처음부터 완벽히 이해하고 넘어가지 않아도 된다.