✓ 일반

• README.md
• pull_request_template.md
• .gitignore 에 .eslintcache 포함

GitHub labels 생성

• Status: Accepted
• Status: 추가 기능 구현 중
• Status: 피어 리뷰 요청
• Status: 수정 요청
• Status: 컨플릭트 해결 요청

Slack, GitHub 연동

1. github 알림 연동

/github subscribe threeplef/프로젝트이름 reviews comments

2. github 알림 해제

/github unsubscribe threeplef/프로젝트이름

✓ Front-end

CRA 세팅

- react app 생성

npx create-react-app {app 이름}

npx 로 react app을 생성하면 최신 CRA 패키지를 다운로드 하고 설정들을 세팅한 후에 자동으로 CRA 패키지를 제거해준다. 그렇기 때문에 무거운 의존성 라이브러리들이 남지 않고 함께 제거되는 이점이 있다.

Package 설치

1. dependencies
   • node-sass
   • react-router-dom
2. devDependencies
   • eslint-config-prettier
   • eslint-plugin-prettier
   • prettier

포맷팅 관련

• .eslintrc
• .prettierrc
• .vscode/settings.json (선택)

✢ public 폴더

• images / data 폴더 구조 생성
• 불필요한 파일 삭제
• index.html 에서 불필요한 라인 제거

✢ src 폴더

• 불필요한 파일 삭제
• Routes.js 파일 생성, 페이지별 기본적인 라우팅 코드 작성
• styles 폴더 안에 reset.scss , common.scss 파일 생성
• reset.scss , common.scss index.js 에서 import
• components, pages, styles 폴더 구조 생성
• 컴포넌트 파일 작성
• npm start 했을 때, 콘솔 패널에 에러 / 경고 메시지 없는지 확인 (있다면 해결)

✓ Back-end

Package 설치

1. dependencies
   • @prisma/client
   • express
2. devDependencies
   • dotenv
   • prisma
   • prettier-plugin-prisma
   • eslint-config-prettier
   • eslint-plugin-prettier

✢ 폴더

• 레이어드 패턴에 맞춰 구성