📖 디렉토리 구조 및 네이밍 컨벤션

📖 디렉토리 구조 및 네이밍 컨벤션

📁 __mocks__ : API 모킹을 위한 MSW, 단위 테스트시 spy, mock 함수를 저장하기 위한 디렉토리 입니다.

📁 __test__ : 유닛테스트 및 통합테스트를 위한 디렉토리 입니다.

📁 assets : 프로젝트에서 사용되는 폰트, 이미지 등을 위한 디렉토리 입니다.

📁 components

┖ 📁 display : Card, Badge, Chip, Table 과 같이 데이터를 보여주기위한 컴포넌트가 저장되는 디렉토리 입니다.

┖ 📁 forms : Input, Radio, Select 등 사용자의 입력을 처리하기 위한 컴포넌트가 저장되는 디렉토리 입니다.

┖ 📁 navigation : NavTop, Pagination 등 네비게이션을 위한 컴포넌트가 저장되는 디렉토리 입니다.

┖ 📁 feedback : Spinner, ProgressBar 등 사용자에게 피드백을 주기위한 컴포넌트가 저장되는 디렉토리 입니다.

┖ 📁 typography : Text, Title 등 공통적으로 사용되는 폰트에 대한 정보가 저장되는 디렉토리 입니다.

┖ 📁 overlay : Modal, PopOver, Toast 등 메인 애플리케이션 위에 표시되는 컴포넌트가 저장되는 디렉토리 입니다.

┖ 📁 layouts : Header, Footer, Aside 등 레이아웃에 사용되는 컴포넌트가 저장되는 디렉토리 입니다.

📁 config : Axios Instance, QueryClient 등 전역적으로 사용되는 설정에 필요한 파일이 저장되는 디렉토리 입니다.

📁 constants : 정규 표현식 등의 불변의 상수가 저장되는 디렉토리 입니다.

📁 contexts : React Context API 와 관련된 훅이 저장되는 디렉토리 입니다.

📁 hooks : 전역적으로 사용되는 커스텀 훅이 저장되는 디렉토리 입니다.

📁 pages : 페이지 컴포넌트가 저장되는 디렉토리 입니다.

📁 services : API 호출과 관련된 코드가 저장된 디렉토리 입니다. 하위에 서비스 별 도메인 디렉토리로 한번 더 분류됩니다.

┖ 📄 service.ts : API 호출시 응답 전처리, 예외처리 등을 처리하는 레이어 입니다.

┖ 📄 key.ts : TanstackQuery 의 QueryKey 가 저장되고 관리되는 파일입니다

┖ 📄 type.ts : ResponseBody, RequestBody 등의 타입이 저장되는 파일입니다

┖ 📄 useXXXX.tsx : useQuery, useMutation 등 service 를 사용하는 tanstack query 가 호출되는 파일입니다.

📁 store : zustand 로 관리되는 전역 상태가 저장되는 디렉토리 입니다.

📁 styles : 전역적으로 적용되는 스타일과 관련된 코드가 저장된 디렉토리 입니다.

📁 utils : 전역적으로 사용되는 유틸리티 함수가 저장된 디렉토리 입니다.