Node와 npm 확인
node -v와 npm -v로 프로젝트 생성 도구가 동작할 기반을 확인합니다.
설치는 브라우저 반영 루프까지 확인해야 끝난다
Node, npm, Vite, VS Code가 각각 연결되어야 코드 저장 후 개발 서버가 즉시 화면을 갱신합니다.
Vite 템플릿 생성
npm create vite@latest로 React 기본 구조를 만들고 의존성을 설치합니다.
로컬 서버 실행
npm run dev로 localhost 주소를 열어 기본 화면이 뜨는지 확인합니다.
저장 즉시 반영
VS Code에서 App 파일을 바꾸고 저장해 브라우저가 새 화면을 보여주는지 봅니다.