frontend/
│
├── .github/ # GitHub 파일
│ ├── ISSUE_TEMPLATE/ # 이슈 템플릿
│ └── PULL_REQUEST_TEMPLATE.md # PR 템플릿
│
├── public/ # 정적 파일
│ ├── favicon.ico # 파비콘
│ ├── index.html # 진입점
│ ├── menifest.json # PWA 메타데이터
│ ├── robots.txt # 봇 접근제어
│ └── service-worker.js # 서비스워커
│
├── src/ # 소스 코드
│ ├── apis/ # API 호출 관련 코드
│ │ ├── instance.js # axios 인스턴스
│ │ ├── interceptor.js # axios 인터셉터
│ │ └── ... # TanStack Query Hook (도메인별 파일 분리)
│ │
│ ├── assets/ # 이미지 및 기타 리소스
│ │ ├── icons/ # 아이콘 이미지
│ │ └── ... # 그외
│ │
│ ├── components/ # UI 컴포넌트
│ │ ├── common/ # 공통 컴포넌트
│ │ └── 도메인명/ # 도메인별 컴포넌트
│ │
│ ├── constants/ # 상수
│ │ ├── enum.js # ENUM
│ │ ├── env.js # 환경변수 import
│ │ └── route.js # 라우트 경로
│ │
│ ├── pages/ # 페이지 컴포넌트
│ │ └── .../ # 라우트 경로에 따른 폴더 분리
│ │
│ ├── service-workers/ # 서비스 워커
│ │ ├── registerServiceWorker.js # 서비스 워커 등록
│ │ ├── requestNotificationPermission.js # 알림 권한 요청
│ │ └── subscribePush.js # 푸시 알림 구독
│ │
│ ├── stores/ # 전역 상태
│ │ ├── example.js # 전역 상태 Hook 예시
│ │ └── ... # 전역 상태 Hook
│ │
│ ├── styles/ # 스타일
│ │ ├── provider.js # Chakra UI Provider
│ │ └── theme.js # 디자인 토큰 정의
│ │
│ ├── Router.jsx # 라우팅
│ └── index.jsx # 전역 설정
│
├── .env.example # 환경변수 목록
├── .gitignore # Git 제외 설정
├── .prettierrc.json # Prettier 설정
├── README.md # 레포지토리 리드미
├── netlify.toml # Netlify 설정
├── package-lock.json # 상세한 의존성 정보
└── package.json # 프로젝트 기본 정보 및 간략한 의존성 정보