React 앱 생성하기

필요한 도구들

1.  Node.js
2.  npm (Node Package Manager)
3.  npx (최신버전의 NP를 설치하기 위해)
4.  비주얼 스튜디오 코드 (VSCode)
5.  깃 (github)

위 뿐만 아니라

모든 브라우저에서 React언어를 이해하기 위한 컴파일 도구가 필요하다.

그 예로 웹팩, 바벨 등이 있다.

 

하지만 이런 번거로운 과정을 도와주는 Boiler Plate가 있다.

여기서 Boiler Plate는 개발을 바로 시작할 수 있도록 만든 기초 환경을 말한다.

create-react-app가 프로젝트 구조 작업, 설정 작업 등을 자동으로 진행해줄 것이다.

 

 

필요한 도구를 모두 설치하였다면, cmd창을 열어서 제대로 설치되었는지 확인한다.

$ node -v

$ npm -v

$ npx -v

$ git --version

 

생성할 앱 파일들을 저장할 장소, 즉 작업 디렉토리를 지정한다.

$ cd [저장할 파일 경로]

여기서, cd는 디렉토리 경로를 변경하는 cmd 명령어다.

 

React앱을 생성한다.

$ npx create-react-app [앱이름]

'앱이름'으로 지정된 파일이 생성된 것을 확인할 수 있다.

 

VSCode 프로그램을 실행한다.

상단의 File>Open Folder를 클릭하여 생성한 앱 파일을 연결한다.