<aside> 🍑 커밋 기록 및 목차

• 커밋 기록

• 1번 어플리케이션 보일러플레이트 생성

• 2번 스타일 툴 세팅

• 3번 코드 컨벤션 설정

• 4번 CI/CD

• 5번 파일 구조

• 6번 Test

• 7번 Github Wiki

• 8번 주요 라이브러리

“1번 어플리케이션 보일러플레이트 코드 생성”의 경우,

최대한 ‘왜’ 사용하는지에 초점을 맞추어 작성하였습니다.

</aside>

1. 어플리케이션 보일러플레이트 생성 : react-swc-ts

   • CRA vs. Vite
   • Vite 시작하기
   • 원격 저장소로 업로드

2. 스타일 툴 세팅 : emotion, reset css

   build 과정에서 swc와 emotion의 호환성 이슈는 없는지 확인하기 위해 두 번째로 세팅

   • dependencies vs. devDependencies
   • emotion 시작하기
   • emotion에서 Reset CSS 적용하기

3. 코드 컨벤션 설정 : eslint, prettier

   • prettier
   • eslint

4. CI/CD : vercel, .github/workflows

   • vercel
   • .github/workflows

5. 파일 구조

   • 파일 구조 컨벤션 따라하기
   • @ symbol path 설정

6. Test 세팅 : jest

   • vite react ts swc 환경에서 jest 세팅하기
   • 모든 test 파일 test 하기
   • 특정 파일만 test 하기

7. Wiki 세팅

   • 사이드 바 세팅하기

8. 라이브러리

   • Reac-Query
   • Recoil
   • react-error-boundary

• 추가 질문