[React] 리액트 프로젝트 디렉터리 생성하는 방법 (create-react-app)

[React] 리액트 프로젝트 디렉터리 생성하는 방법 (create-react-app)

 

 

리액트 프로젝트 폴더를 생성하기 위해서는 우선 NPM과 create-react-app 모듈이 설치되어있어야 한다.

 

우선 콘솔(터미널)에서 NPM이 설치되어있는지 확인한다.

npm -v

버전이 뜬다면 제대로 설치되어 있는 것이다.

 

이후 create-react-app 모듈을 설치한다.

콘솔에 아래와 같이 입력한다.

sudo npm install -g create-react-app

 

설치가 완료되었다면 이제 리액트 프로젝트 디렉터리를 만들 수 있다.

 

create-react-app 디렉터리명

create-react-app 뒤에는 만들고자 하는 디렉터리 명을 적으면 된다.

 

디렉터리가 정상적으로 설치되었다면 이제 리액트를 실행해보자.

리액트를 실행하기 위해서는 콘솔의 위치를 해당 프로젝트 디렉터리로 이동해야 한다.

cd 디렉터리명

 

방금 만든 디렉터리로 이동한 후 npm start를 입력한다.

npm start

 

그러면 localhost:3000으로 접속하게 되면서 내가 만든 리액트를 띄울 수 있게 된다.