폴더 구조

📦src
 ┣ 📂assets
 ┃ ┗ 📜react.svg
 ┣ 📂commponents
 ┃ ┗ 📂common
 ┃ ┃ ┗ 📜Button.tsx
 ┣ 📂layout
 ┃ ┣ 📂Header
 ┃ ┃ ┗ 📜index.tsx
 ┃ ┣ 📂Main
 ┃ ┃ ┗ 📜index.tsx
 ┃ ┗ 📜index.tsx
 ┣ 📂pages
 ┃ ┗ 📂MainPage
 ┃ ┃ ┗ 📜index.tsx
 ┣ 📂reducers
 ┃ ┗ 📜userSlice.ts
 ┣ 📂store
 ┃ ┗ 📜store.ts
 ┣ 📜App.tsx
 ┣ 📜index.css
 ┣ 📜main.tsx
 ┗ 📜vite-env.d.ts

CSS 프레임워크

tailwindcss

이유는?

문서화가 잘 되어 있고, 개발 생산성이 좋아 짧은 프로젝트 기간에 적합한 프레임워크인 거 같아서.

상태 관리 라이브러리

redux-toolkit

이유는?

zustand를 써보고 싶은데(가볍고 문법이 간결해서) 아직까진 회사에서 리덕스를 더 많이 사용하는 거 같고, 리덕스 내부에 서버 상태를 관리해주는 RTK-Query도 제공해주고 있어서.