Posts
모니터링 대시보드를 만들면서 "1920px 기준으로 설계된 화면을 모든 해상도에서 깨지지 않게 보여줘야 한다"는 요구사항을 받았습니다. 어떤 화면에서도 한 화면에 모든 위젯이 깨지지 않도록 렌더링 하되, 사용자 입장에서 불편하지 않을 정도의 최적화는 보장 되도록 표현하기 위해 고민했습니다.
enabled+staleTime 조합 최적화부터 invalidateQueries를 성공 시점에만 써야 하는 이유, refetchOnMount vs invalidateQueries 선택 기준까지 다이얼로그 라이프사이클과 연계해 정리했습니다.
React 18 + Vite 환경에서 Sentry를 처음 도입하는 개발자를 위한 설정 가이드로 기본 개념부터 환경 분리, pnpm 트러블슈팅까지 정리했습니다.
FE와 디자인 팀의 소통을 위해 디자인 시스템을 적용하고 한눈에 볼 수 있는 Storybook을 만들어 디자인팀에게 제공하고자 디자인 시스템 적용기를 써보고자 한다.
최근 네이버 재직자님의 스터디를 계기로 React Query에 관심이 생겨 개념과 활용법을 정리해보려 합니다.
회사에 입사하기 전 유지보수로 Vue.js를 사용한다고 해 Vue.js에 대해 알아보고자 React와의 차이를 공부하게 되었습니다.
이전에 Recoil 관련 강의를 듣다가 Context API는 상태 관리 도구라고 볼 수 없다고 했습니다. 이에 궁금한 점이 생겨 정리해보고자 합니다.
Recoil에 대해 공부하다가 Concurrent Mode라는 것을 접하게 되었습니다. 동시성 모드가 어떤 건지 의문점이 들어 이 글을 작성하게 되었습니다.
그동안 개발하면서 쉬운 사용성 때문에 주로 함수형 컴포넌트을 사용해왔었는데 문득 함수형 컴포넌트만을 사용해도 괜찮을까? 하는 의문점이 들었습니다.
useRecoil의 개념과 어떤 상황에서 적절하게 써야하는지 내용을 정리해봤습니다.