[React] create-react-app (프로젝트 생성 및 실행)

프로젝트 생성

개발 환경 : Node.js, npm, VS Code

VS Code를 실행 시킨 후, 프로젝트를 만들 디렉토리를 선택하여 터미널에 명령어를 입력한다.

 

프로젝트 생성

$ npx create-react-app (프로젝트 이름)

 

이후에 생성 된 프로젝트를 확인 할 수 있다.

 

생성된 프로젝트

프로젝트 실행

$ cd my-app

$ npm start

생성 된 프로젝트로 이동하기 위해 cd 명령어를 이용하여 my-app 디렉토리로 이동한 후

 

npm start 명령어를 통해 애플리케이션을 실행한다.

 

애플리케이션 실행

실행 시키게 되면

실행시킨 애플리케이션

이런 화면을 볼 수 있다.

필자는 포트3000번을 사용하고 있어서 3001번으로 생성되었다.

 

<출처> 소플의 처음 만난 리액트 (저) 이인제 한빛미디어