Front-end

• React + vite
• React-Query
• Zustand
• emotion
• Axios
• StoryBook

고민

• Zustand만 써서 캐싱 기능을 구현하는 것이 메모리 상 더 효율적임. 하지만 캐싱 기능을 자체적으로 구현하는 것보다 React-Query를 공부하는 비용이 더 적을 것으로 생각됨
• Zustand만 써서 캐싱 기능을 구현했을 때 단점은 Zustand에 캐싱되지 않은, 동일한 데이터가 필요한 경우 요청을 2번 보낼 가능성이 있음
• React-Query만 쓸 경우 UI 상태를 관리하기 어려움.
• React-Query 데이터를 가공하여 Zustand에 별도 저장할 수도 있음. 확실히 이 경우는 메모리상 비효율적. 하지만 이런 최적화는 어느정도 다 구현한 이후에 Zustand만 사용하도록 최적화하는 것이 빠른 개발, 쉬운 개발을 위한 길이라고 생각.

Back-end

• NestJS ( Jest )
• TypeORM
• MySQL