본 템플릿은 아래의 기술 스택들을 포함하고 있습니다.
NextJS
TypeScript
ESLint & Prettier
(+ 저장 시 포맷 자동 적용)Emotion
Husky
(커밋/푸쉬 전 포맷 체크)
템플릿에 대한 자세한 설명은 본 포스트를 참고하시길 바랍니다.
node 16.17.0
vscode
npm 모듈 설치 과정에서 $ husky install
명령어가 같이 실행되어, husky도 같이 세팅이 이루어집니다.
npm install
VSCode Extension 에서 ESLint
와 Prettier - Code formatter
를 설치 후 에디터 껏다 키기
npm run dev
npm run check-types # Typescript에 대해 타이핑 체크
npm run check-format # prettier로 포맷팅 체크
npm run check-lint # eslint로 포맷팅 체크
npm run format # prettier로 포맷팅 수정
npm run test-all # 앞의 4개명령어 + build 실행
npm run prepare # husky 설정 적용
typescript
- 타입스크립트 부분까지 적용된 부분입니다.eslint
- ESLint 부분까지 적용된 부분입니다.prettier
- prettier 부분까지 적용된 부분입니다.format
- 저장시 포맷이 되는 부분까지 적용된 부분입니다.husky
- Husky 부분까지 적용된 부분입니다.emotion
- Emotion 부분까지 적용된 부분입니다.directory
- Directory 구조 변경 부분까지 적용된 부분입니다.