React 설치 및 실행하기

 

 

 

node.js와 npm 버전 확인

cmd 관리자권한으로 실행 후 명령어 입력

node -v

npm -v

 

 

버전이 표시된다면 정상 설치된 것

 

버전 표시되지 않으면 설치 필요함

 

 

 

 

 

 

cmd에서 리액트 설치

cd C:\
mkdir ReactProject
cd ReactProject

npm create vite@latest my-react-app
# 여기서 프로젝트 이름(my-react-app) 입력 후
# 프레임워크: React 선택
# 언어: JavaScript 선택

 

프로젝트명 입력 후 프레임워크와 언어 선택

 

React, JavaScript 선택

 

 

 

 

 

 

 

설치 도중 에러 발생

 

프로젝트 경로엔 한글이 없지만, 캐시 경로에 한글(사용자 이름)이 포함되어 발생한 에러

 

 

 

 

해결 방안

 

캐시 저장 경로를 변경한다.

npm config set cache C:\npm-cache --global    # 경로 변경

npm config get cache    # 변경 확인

 

 

 

 

 

리액트 실행

cd my-react-app
# package.json 파일에 명시된 프로젝트 의존성을 모두 설치
npm install
# 개발용 로컬 서버를 실행
npm run dev

 

 

 

 

 

localhost:5173이 호출되며 정상 실행됨