*npm 패키지 이름 규칙

1. 소문자만 사용 가능
2. 공백, 특수 문자 금지
3. 대시(-), 밑줄(_), 숫자 사용 가능
4. 예약어 사용 금지 (test, npm, react 같은 예약어 ❌)

npm create vite@latest keywi --template react-ts

*vscode extension : comment anchors

• ANCHOR - 파일의 섹션을 나타내는 데 사용됩니다.
• TODO - 완료를 기다리는 항목
• FIXME - 버그 수정이 필요한 항목
• STUB - 생성된 기본 스니펫에 사용됨
• NOTE - 특정 코드 섹션에 대한 중요 참고 사항
• REVIEW - 추가 검토가 필요한 항목
• SECTION - 영역을 정의하는 데 사용됨(계층적 앵커 참조)
• LINK - 편집기 내에서 열 수 있는 파일에 링크하는 데 사용됩니다('링크 앵커' 참조)

1️⃣ vite + react + ts 설치

npm create vite@latest keywi --template react-ts
-> React, TypeScript 선택

cd 폴더

npm install

2️⃣ pwa 설치

npm install vite-plugin-pwa