[리액트] 리액트 프로젝트 생성하기

 

1. 폴더 생성

프로젝트를 생성할 폴더를 하나 만든다.

 

 

2. VSCode Terminal에서 명령어 입력

VSCode에서 Terminal을 열고

npm install -g create-react-app

npm 모듈인 'create-react-app'을 설치한다.

그 다음 아까 만들어진 폴더에서 다음과 같이 프로젝트를 생성한다. 

npx create-react-app my-app

명령어를 입력한다. "my-app"부분에 만들 프로젝트 명을 사용하면 된다.

다음과 같이 리액트를 실행할 준비가 되었다.

 

 

3. 실행하기

npm start

다음과 같은 명령어를 터미널에서 해당 폴더에서 실행하면

우리가 만든 리액트 앱을 실행할 수 있다.

http://localhost:3000/

인터넷 주소에 위의 주소를 입력하면 실행 중인 리액트 앱을 확인할 수 있다.

다음과 같은 이미지? 영상이 나타나면 성공이다!

 

이후에는 리액트에 리덕스를 적용하여 시작하는 것을 포스팅 할 계획이다.