아래의 명령어를 실행하여 vite기반 typescript를 다운 받는다
npm create vite@latest .
npm i
다음 husky, EsLint, commitLint등의 설정은 이전에 작성한 포스트를 참고했다.
https://vitamin3000.tistory.com/124
프로젝트에 CommitLint, EsLint, PrettierLint 설치하기
1. CommitLint 우선, husky를 이용하여 발생할 때 자동으로 실행되는 스크립트로 커밋을 만들기 전에 특정 작업을 수행하거나 푸시하기 전에 작업을 할 수 있도록 한다. CLI 환경에서 아래의 명령어
vitamin3000.tistory.com
다음 포스트에서는 디자인 토큰을 적용해보겠다.
+) 추가적으로 UI와 관련된 부분은
나만의 자기소개 웹페이지
💜 5가지의 JavaScript 기능을 넣은 자기소개 웹페이지입니다! 기능에 대해 자세히 설명해보았어요-🤗
velog.io
위 블로그를 참고하였다, (문제 발생시 바로 삭제하겠습니다)
'토이프로젝트 - 프로필 페이지 만들기' 카테고리의 다른 글
| 프로필 페이지 만들기 (6) - Header Item Refactoring (0) | 2025.02.07 |
|---|---|
| 프로필 페이지 만들기 (5) - 헤더 컴포넌트 만들기 (0) | 2025.02.07 |
| 프로필 페이지 만들기 (4) - route 설정 (0) | 2025.02.06 |
| 프로필 페이지 만들기 (3) - 절대경로 alias 설정 (0) | 2025.02.06 |
| 프로필 페이지 만들기 (2) - 디자인 토큰 적용 (0) | 2025.02.06 |