오늘부터 개인 과제가 다시 시작했는데.. 와!!
pokemon Dex 만들기!!
다시 말하자면 포켓몬 도감 만들기다,,,
후후후 내가 포켓몬을 좋아해서 이번 과제는 정말 재밌게 진행할 것이라고 생각한다.
실제로 오늘 진행을 어느정도 했는데, 내용이 Router 구현 및 상태관리 처리(이 부분은 챌린지 과제였긴 함)이였는데 꽤 수월하게 진행했다 ㅋㅋ
역시 잘 하는 것보다 즐겁게 하는 게 중요한 것 같음 ㅋㅋ
말이 나온김에 챌린지 강의에 과제에 대해서 얘기하자면
React 공식 페이지에서 제공하는 todolist 코드에 대해서
useReducer와 context API를 활용해서 상태관리를 진행했다.
기본적으로 사용자의 행동에 대해서 action 객체를 만들어 구분하고, 그걸 통해서 custom hook을 사용하여 관리하는 것이였다.
기본적으로 useReducer에 대해서는 해당 파일을 import하면서 관리하는 부분이 아쉬웠는데, context API를 통해 그 부분을 상쇄시킬 수 있었다.
가장 상위 파일(이번에는 App.jsx)에서 Provider를 통해 구독하여 하위에 있는 컴포넌트들이 hook으로 관리될 수 있게 만들었다.
실제 현업에서는 recoil 이나 redux 등을 사용하지만 기초적인 코드 구현을 통한 앞으로의 적용과 확장성을 미리 경험할 수 있어서 좋았다.
Let's GO~ Pokkkkkemon
redux도 얼릉 써봐야제
컴포넌트 관리 라이브러리도 좀 더 찾아봐야해!!
사용자와 소통하는 프론트엔드 개발자