<aside> 💡 이번 프로젝트에 사용할 기술 스택과 선정 이유를 작성하는 공간입니다.

</aside>

프레임워크 / 언어

항목 기술 선정 이유
언어 JavaScript JS는 React 기본 언어
프레임워크 React 18 + Vite React는 컴포넌트 기반 UI 개발 용이, Vite는 빠른 빌드 및 HMR 지원

스타일

항목 기술 선정 이유
CSS CSS Modules 컴포넌트 단위 스타일 캡슐화
전처리기 SCSS (선택) 변수, mixin, 중첩 등 활용 가능, 프로젝트 확장성 증가
글로벌 스타일 global.css 공통 레이아웃, 폰트, reset 스타일 적용

API

항목 기술 선정 이유
HTTP 클라이언트 fetch Promise 기반, 요청/응답 인터셉터 제공, 코드 간결화
구조 api/ 폴더 + 서비스 단위 분리 기능별 API 모듈화, 유지보수 편리

상태 관리

항목 기술 선정 이유
상태 관리 React Query / SWR 서버 상태 캐싱, 자동 갱신, 요청 중복 방지
로컬 상태 useState / useReducer 단순 상태는 훅으로 관리, 코드 간결

배포 플랫폼

항목 기술 선정 이유
정적 배포 Vercel Vite + React 최적화, CI/CD 연동 용이
환경 변수 관리 .env 파일 배포 환경별 설정 분리, 안전하게 API Key 관리

협업

항목 전략 / 규칙
버전 관리 Git + GitHub
GitHub Flow 전략