프론트엔드 기술스택

React

• 프론트엔드 팀원 모두 React를 사용할 줄 앎 → 개발 생산성을 높이기 위해 선택
• 풍부한 생태계 (관련 레퍼런스가 많음)

React-Query

• 자동 캐싱으로 불필요한 API 호출 감소
• 서버와 클라이언트 간 데이터 동기화를 효율적으로 관리

Typescript

• 프로젝트 안정성 향상
• 유지보수성 향상

TailwindCSS

• 효율적인 스타일링
• 빠른 UI 구현

Heroicons

• Tailwind CSS 개발자들이 만든 아이콘으로 디자인 일관성 유지
• react-icons에 비해 경량화되어 있어 번들 사이즈를 줄일 수 있음

Zustand

• npm trends에서 상당한 성장세
• 부스트캠프 진행 과정에서 자주 나왔던 키워드 → 이번 기회에 사용하며 학습할 수 있음.

Vite

• 웹팩과 비교해 빠른 초기 설정 가능.
• 필요한 모듈만 번들링을 진행하기 때문에 전체 번들을 메모리에 넣는 웹팩에 비해 효율적.