리액트 프로젝트 만들기! 리액트 프로젝트 간단 생성 (create-react-app 사용)

-

 

1. create-react-app 설치


명령어 입력 : npm install -g create-react-app
             (=npm i -g create-react-app)

npm을 이용해, create-react-app 설치 완료 화면





2. create-react-app 을 이용해 프로젝트 생성



명령어 입력 : create-react-app 프로젝트명

create-react-app을 이용한, 리액트 프로젝트 생성 완료 화면





3. 개발 서버 실행



프로젝트 디렉토리 위치에서 명령어 입력 : npm start

npm을 이용한, 리액트 프로젝트 개발서버 실행 화면

npm을 이용한, 리액트 프로젝트 개발서버 정상 실행 화면

리액트 프로젝트 실행 완료 후, 정상 브라우저 접속 화면