HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🤎
프론트엔드 데브코스 5기 교육생
/
🐻
문동욱팀
/
대박사건
대박사건
/
📜
회의록
/
🐶
김유경
🐶

김유경

Tags
기술 스택 선택 이유
Multi-select
Date

기술스택

상태관리
https://velog.io/@juhyeon1114/React-상태관리-라이브러리-리뷰-Zustand-Recoil-Jotai-React-query
  • redux toolkit
    • 리덕스에서 권장하는 툴킷
  • contextAPI
    • 라이브러리 설치안해도됨.
    • 하지만 컨슈머가 다 리렌더되는점이 있다.
    • https://velog.io/@dahyeon405/Context-API의-리렌더링-대한-오해
  • recoil
    • 사용하기 간편 but 더 이상 계속 개발되지는 않음
  • zustand
    • redux에서 파생된것이라 리덕스 디버깅 툴을 사용하기 좋다
  • jotai
    • Recoil 에서 영감을 받아, atomic 한 상태관리 방식으로 구성됨 (bottom-up 방식)
    • Jotai 의 atom 은 Recoil과 다르게 key가 따로 필요없다. (보일러 플레이트 코드가 미세하게 더 줄어든다.)
⇒ [zustand와 jotai]: https://programming119.tistory.com/263
  • 리액트 쿼리
    • 캐싱도 해주고 전역에 대한 보일러플레이트 코드가 줄어든다.
    • [카카오 블로그]: https://fe-developers.kakaoent.com/2022/220224-data-fetching-libs/
    • [카카오에서 선택한 이유]: https://tech.kakaopay.com/post/react-query-1/
스토리북
  • 협업시 스토리북으로만 확인해도 확인 가능해서 좋다
  • 컴포넌트 테스트에서 유용
  • 컴포넌트가 많지 않다면 굳이? 근데 최종 프젝에 백엔드와 협업할기 위해서는 좋을듯
스타일
  • 넥스트를 하는 게 아니라면 테일윈드를 굳이..? 사실 안써봐서 모름ㅎ
  • 스타일 컴포넌트
    • 가장 익숙하고
  • 이모션
    • 듣기로는 스타일 컴포넌트처럼 사용도 가능하고 아니게도? 가눙하다 했다
리액트 vs 넥스트
  • 최종을 위해 넥스트를 해도 좋을듯
  • 근데 리액트도 제대로 못하는데 넥스트를?
  • 이 프로젝트에서는 굳이?