🚤 성장일지 7.0

책 행복한 이기주의자(웨인 다이어)의 내용에 자극받아 시작하는 소박한 성장기록

살아있는 꽃과 죽은 꽃은 어떻게 구별하는가?<br/> 성장하고 있는 것이 살아 있는 것이다.<br/> 생명의 유일한 증거는 성장이다!

⚛ (7.0)<완전 개편> 파인만 학습법을 알게 된만큼, 성장일지는 정말 그 날의 키워드 중심으로 간단하게 정리하도록 한다.

⚛️ 키워드: 직관적이고 쉽고 간단하게 작성

React: Context API

그동안 그냥 막연하게 Context API를 상태 관리와 자연스럽게 연관지어서 생각했었다. 헌데 오늘 세션을 듣고서 왜 Context API인지, 어떤 상황에서 Context API를 사용하는 게 적절하지, 그리고 실제 Context를 어떻게 분리하고 각각을 관리하는 게 좋은지 알게 되었다. 일단 다른 컴포넌트에게 문맥을 전달한다는 의미에서 Context API라는 게 충격... 덧붙여 Context API와 useState 혹은 useReducer를 같이 사용하면 이제서야 전역 상태 관리의 역할을 수행할 수 있게 된다.

MSW의 원리

프로젝트 진행 중, 제공되는 서버 레포를 클론해서 다른 포트에 올려두고 api 통신을 하는 게 너무 귀찮아서 이전에 사용해보고 싶었던 MSW를 사용해봤다. 사실 그동안 Node나 Express로 구현한 서버와 크게 다르지 않다고 느꼈는데 그 원리 자체가 차이가 큰 것 같다. 일단 프론트엔드단의 프로젝트에서 통신을 가로채서 응답을 하는 방식이라는 게 참 흥미로웠다. 또, 이에 대한 테스팅까지 가능하다니... 그냥 간단한 서버와 api를 구현하는 것도 너무 좋지만, msw를 사용하면 어느정도 서버 api 짜는 경험도 하면서 개발 속도에도 도움이 될 것 같다.

📝 회고

오늘 배운 의존성부터 횡단 관심사, 그리고 아직도 조금 헷갈리는 메모이제이션... 개념들은 알겠는데 이를 어떻게 코드에 적용하고 녹일지가 참 쉽지 않은 것 같다. 그래도 오늘 프로젝트하면서 이제 웬만한 프로젝트 구성은 착착 하는 것 같아서 기분이 좋다! :) UI와 커스텀 훅들을 어느정도 구현했으니, 내일 드디어 Query와 같은 캐싱처리에 시간을 많이 쏟아봐야지!

참고

undefined