❄️ Frontend Setup

Tech Stack

프론트 팀원

파트	✧ FE	FE	FE
이름	이수민	김정민	고민균

---

⚙️ 아키텍처 및 프로젝트 구조

• Framework: Next.js (Page Router) + TypeScript
• Package Manager: pnpm
• Architecture: src 기반 FSD 적용
  • src/pages: 라우팅 및 페이지 구성
  • src/shared: 공통 컴포넌트, 훅, API, 유틸 통합
• Absolute Path: @/shared/*, @/pages/* 등 명시적 절대경로 설정

🎨 스타일링

• Tailwind CSS v4 적용
• 글꼴, 색상, 전역 스타일을 별도 파일로 분리
• 디자인 시스템 적용을 위한 커스텀 config 세팅

🔗 API

• Axios 기반 API 레이어 구축
  • 전역 axios instance (instance.ts) 정의
• 인증 로직 완성
  • 401 발생 시 자동 토큰 재발급
  • 중복 요청 시 Race Condition 방지 로직 구현

---

글다(geulDa)

글다 이용하기

💫 서비스 소개