node -v와 npm -v로 런타임과 패키지 관리자가 제대로 잡혔는지 확인합니다.
설정 경로
React 개발 환경 점검
React 프로젝트 생성은 설치 자체보다 명령을 실행하는 폴더와 개발 서버 주소를 정확히 확인하는 과정이 중요합니다.
Vite 템플릿을 만들 때 폴더 이름과 React 선택이 이후 파일 구조를 결정합니다.
npm run dev 뒤 표시되는 localhost 주소가 브라우저 확인의 기준점입니다.
버전 출력이 보이면 설치 경로가 터미널에 연결된 상태다.
패키지 설치와 실행 명령을 같은 프로젝트 폴더에서 실행한다.
VS Code가 프로젝트 루트 폴더를 열었는지 확인한다.
브라우저 화면과 터미널 로그를 함께 보며 오류를 찾는다.