NK학원개발 프로젝트 Front-end

사용 스펙

• React (18.2.0 버전)
• Tailwind css (3.4 버전)
• zustand (4.4.7 버전)
• tanstack-query (4.36.1 버전)

폴더 구조

📦src
┣ 📂assets
┣ 📂utils ┣ 📂fonts
┣ 📂components
┣ 📂container ┣ 📂services
┣ 📂store

┣📜App.css
┣📜index.css
┣📜App.js
┣📜index.js

┣📜reportWebVitals.js
┗📜setupTests.js

• assets

이미지 파일 관리 (파비콘과 같이 index.html에서 직접 사용하여 컴파일 시 필요없는 이미지를 제외하곤 assets에서 관리)

• utils

util함수들 관리

• components

공용 컴포넌트 관리

• services

비동기 함수 관리 (axios, react-query

• story

전역상태 관리

github 관리

화면 또는 기능 개발시 develop-Feat/[기능이름] 으로 브랜치 파서 개발하기

예시) Feat/login

• 개발이 엉킬 수 있으니 꼭 push전엔 pull한 뒤 push하기

• push 할 땐 바로 develop브랜치에 하지 않고, 기능개발한 브랜치에 push하기