[React] React 시작하기 (node.js, create-react-app)

설치(node.js, npx)

다음의 명령으로 node.js가 설치되어 있는 지 확인한다.

node -v

설치되어 있다면 다음과 같이 버전이 출력된다.

v12.21.0

설치가 필요한 경우 아래의 링크에서 원하는 버전으로 설치하자.

https://nodejs.org/ko/

npm은 JavaScript 패키지 관리자다. yarn을 쓸 수도 있다. node.js와 함께 설치된다. 다음 명령으로 버전을 확인해 보자.

npm -v

6.14.11

npm이 확인되면 npx를 설치하자.

npm install npx -g

npx는 npm 5.2.0 버전 부터 추가된 도구다. 없으면 삶이 고달파진다.

프로젝트 생성

create-react-app는 프로젝트를 생성한다. npx로 프로젝트 생성 시 다음과 같이 프로젝트 명을 인자로 주면 프로젝트를 생성한다.

npx create-react-app <프로젝트명>

create-react-app는 글로벌하게 설치되지 않고 한 번 사용하고 나면 npx가 삭제해 준다. global하게 설치한 채로 남아 있으면 문제가 생길 수 있기 때문이다.

프로젝트 서버 실행

위에서 생성한 프로젝트 폴더에 진입한다.
package.json파일이 있는데 이 파일이 속한 위치에서 다음의 명령으로 서버를 실행시킬 수 있다.

npm start

서버가 실행되면 브라우저에 public/index.html 문서를 볼 수 있다. !