📖 디렉토리 구조

📁 .vscode

　　vscode workspace 에 대한 설정파일과 코드 스니펫이 정의된 디렉토리입니다

settings.json : vscode workspace 설정들이 저장되어 있습니다
workspace.code-snippets : emotion styled import, storybook 을 위한 코드 스니펫 등이 저장되어 있습니다

📁 .github

　　Github Actions Workflow 와 PR 템플릿, 이슈 템플릿 등이 저장되어 있습니다

📁 assets

　　폰트, 이미지 등의 assets 들이 저장되어있는 디렉토리입니다

📁 common

　　여러 페이지들에 공통적으로 사용되는 파일들이 저장되어 있는 디렉토리입니다

┖ components : 여러 페이지에서 사용되는 컴포넌트들이 저장되어 있는 디렉토리입니다
┖ hooks : 여러 페이지에서 사용되는 커스텀 훅들이 저장되어 있는 디렉토리입니다

📁 components

　　도메인별로 사용되는 컴포넌트 디렉토리입니다. 도메인별 하위 디렉토리가 나누어져 있습니다

📁 config

　　프로젝트에 전역적으로 적용되는 configuration 파일이 저장된 디렉토리입니다.
　　Axios 인스턴스 설정을 위한 axios.ts, QueryClient 설정을 위한 query.ts 등이 저장되어 있습니다.

📁 constants

　　프로젝트에 사용되는 불변 상수들을 정의해둔 디렉토리입니다

📁 contexts

　　React Context Provider hooks 등이 구현된 디렉토리입니다.

📁 hooks

　　도메인별 리액트 커스텀 훅을 저장하는 디렉토리입니다

📁 pages

　　도메인별 페이지 컴포넌트를 저장하는 디렉토리 입니다.

📁 services

　　백엔드와 HTTP 통신시 사용되는 API 를 추상화한 디렉토리입니다. 　　

┖ /service.ts : HTTP Status Code 에 따른 예외처리 및 토스트 출력을 핸들링합니다
┖ /keys.ts : @tanstack/react-query 에 사용되는 Query Key 들이 팩토리 패턴으로 저장되어 있습니다
┖ /types.ts : API 호출에 필요한 Request, Response 에 대한 타입이 정의된 파일입니다
┖ /useXXXX.ts : useQuery useMutation 을 호출하는 훅이 저장되어있습니다. 내부적으로 service.ts 의 메서드를 호출합니다.

📁 store

　　전역 상태관리를 위한 redux 파일이 저장된 디렉토리입니다

📁 styles

　　전역 스타일을 위한 global.ts, font-famliy 를 위한 fonts.ts, 기본 스타일 초기화를 위한 reset.ts 등이 정의된 디렉토리입니다.

🚏 Router.tsx

　　Client Side Routing 을 위한 react-router-dom 의 Router, 전역 Provider 등이 설정된 진입점입니다