📁 Directory Structure - Team-Wordi/Wordi GitHub Wiki

👩🏻‍💻 예시 폴더 구조 👨🏻‍💻

📦client
 ┣ 📂cypress 
 ┃ ┣ 📂intergration     # cypress 테스트 코드
 ┃ ┣ 📂pulgins          # cypress 플러그인
 ┣ 📂public              # 정적 파일
 ┣ 📂src
 ┃ ┣ 📂components       # 리액트 컴포넌트
 ┃ ┣ 📂hoc              # 고차 컴포넌트
 ┃ ┣ 📂hooks            # 커스텀 훅
 ┃ ┣ 📂images           # svg 이미지
 ┃ ┣ 📂queries          # graphql 쿼리
 ┃ ┣ 📂reducers         # redux 액션 및 설정파일
 ┃ ┣ 📂routes           # 페이징 라우팅 컴포넌트
 ┃ ┣ 📂theme            # 프로젝트 스타일 관련
 ┃ ┣ 📂utils            # 유틸 함수
 ┃ ┣ 📜apollo.ts        # apollo client 설정 파일
 ┃ ┣ 📜App.tsx          # 기본 페이지 (라우팅)
 ┃ ┣ 📜index.tsx        # 리액트 렌더링 파일
 ┣ 📜.eslintrc.js        # eslint 설정 파일
 ┣ 📜.prettierrc         # prettier 설정 파일
 ┣ 📜codegen.yml         # schema 생성 설정 파일
 ┣ 📜cypress.json        # cypress 설정 파일
 ┣ 📜pakage.json         
 ┣ 📜tsconfig.json       # 타입스크립트 설정 파일
 ┣ 📜tsconfig.paths.json # 타입스크립트 경로 설정 파일
 
 📦server
 ┃ ┣ 📂__test__          # 테스트 코드
 ┃ ┣ 📂seeders           # db seeder 설정 및 실행
 ┃ ┣ 📂src
 ┃ ┃ ┣ 📂api            # graphql resolvers
 ┃ ┃ ┣ 📂config         # server 설정
 ┃ ┃ ┣ 📂models         # mongoose models
 ┃ ┃ ┣ 📂passport       # auth 및 passport 인증 설정
 ┃ ┃ ┣ 📂services       # db에 접근하는 서비스 로직
 ┃ ┃ ┣ 📂types          # 타입스크립트 타입
 ┃ ┃ ┣ 📂util           # 유틸 함수
 ┃ ┃ ┣ 📜app.ts         # 서버 설정 파일
 ┃ ┃ ┣ 📜index.ts       # db, 서버 실행 파일 
 ┃ ┣ 📜.babelrc          # babel 설정 파일
 ┃ ┣ 📜.eslintrc.js      # eslint 설정 파일
 ┃ ┣ 📜.prettierrc       # prettier 설정 파일
 ┃ ┣ 📜jest.config.js    # jest 설정 파일
 ┃ ┣ 📜package.json     
 ┃ ┣ 📜tsconfig.json     #타입스크립트 설정 파일