react query를 사용하면 비동기 데이터 로직을 분리 하여 컴포넌트의 북잡성을 줄이며, 서버 데이터를 캐싱 하여 API 호출횟수를 줄인다는 점에서 위의 2가지 고민을 해결할 수 있기 때문에 팀원들과 함께 react query를 도입하기로 결정하였다.
프론트엔드 개발을 하다보면 와이어프레임 기다리고, 디자인 기다리고, 서버 API 개발까지 기다리다보면 난 개발 언제해???? 소리가 나온다. 카카오 FE 개발자 분도 그걸 느꼈는지 가상의 mock data를 반환하는 msw를 블로그에 적어주셔서 이를 활용해보려고 한다.
webpack을 활용하여 번들 사이즈를 줄여보자! 번들 사이즈를 줄여나가는 과정을 설명하며, 실제로 효과가 있는지 알아보자.