[React 공식 Doc 가이드 #1] Installation

- 이 글은 React 공식 홈페이지 Docs v16.8.3 (https://reactjs.org/docs) 에 기반하여 작성한 글입니다.

- 기본 요구사항

React 를 설치하는 방법에는 Script 추가와 npm 을 이용한 방법이 있다. React를 학습하기 위한 목적이므로 npm을 이용하여 설정해보자. React 튜토리얼이므로 npm이 설치되어있다고 가정한다.  (공식홈에서는 Node >= 6, npm >= 5.2를 요구하고있다. 2019.02.24일 기준)

---

- 설치

자신이 Project를 생성할 적당한 폴더에서 아래 명령을 입력한다.

npx create-react-app test-create

위의 줄에서 npx는 npm의 오타가 아니다.(나도 몰라서 그렇게 생각함.)
test-create 부분은 본인이 알아서 짓도록 하자.

npx는 npm 5.2+ 부터 추가된 package 실행 tool 이라고 설명하고 있다. (공식홈에서 요구했던 npm의 버전 Spec) npx에 대해 자세히 알아보고 넘어가면 좋겠지만, 모르는게 나올때 마다 다 살펴보면 큰 목적인 react 를 배우는게 천년만년 시간이 걸린다. 큰 이상이 없다면 다음단계로 넘어가도록 하자. 실행결과는 아래와 같다.

친절하게도 맨 아래줄에 다음 명령어 까지 추천해준다. 설정한 Project 폴더에서 cmd를 열어서 npm start를 하던지, 순서대로 명령어를 입력하던지 편한대로 해보도록 하자.

 

cd test-create
npm start

아래와 같은 화면이 나오면 제대로 동작을 한 것이다.