🤪 5월 목표

• 코어 자바스크립트 읽기
• 리액트를 다루는 기술 읽기
• 유데미 리액트 강의 보기
• 유데미 타입스크립트 강의 보기
• 프로그래머스 고득점 Kit(해시, 스택/큐, 힙, 정렬, 완전탐색, 깊이/너비 우선탐색) 풀기

🚩 오늘 한 일

• 리액트
• 알바

---

🚩 내일 할 일

• 리액트
• 알바

---

🚩 느낀점

오늘은 useReducer, useContext, react hooks의 규칙, Forward Refs를 배웠다. useReducer는 컴포넌트에서 하나의 기능과 관련된 상태들을 useReducer로 관리하면 쉽게 관리할 수 있겠다고 생각했고 로직을 컴포넌트 밖에 둘 수 있어서 가독성측면에서도 좋겠다고 생각했다. 그리고 useContext를 통해 props drilling을 예방할 수 있는데 useContext의 파일을 따로 만들고 contextCreate를 하고 그 밑에 Provider를 컴포넌트로 만들어 동적으로 useContext를 사용하는 법도 보았다. 이렇게 사용하니 context와 관련된 코드들을 컴포넌트에서 분리시켜 context파일에 위치하여 가독성측면이 좋겠다고 생각되었다. react hooks의 규칙으로는 1. 컴포넌트의 최상위에서만 호출해야한다. 2. hook은 오직 리액트 함수내에서만 사용되어야 한다. 등이 있다는 것을 배웠다. Forward Refs도 배웠는데 Forward Refs는 ref로 dom 접근한 다음 해당 ref로 로직을 실행하는 것을 말하는 것 같다. 지금은 필요성을 못느껴서 자세히 찾아보지는 않았고 키워들 기록해두어 다음에 필요할때 찾아보려고 한다.