[React] React-App 생성하는 방법

 

---

 

 

React 란

React.js 는 페이스북에서 개발한 사용자 인터페이스 라이브러리입니다.

현재 많은 프론트엔드 개발자들이 사용하고 있는 인기 있는 라이브러리입니다.

---

 

 

React 설치

우선 설치가 필요한 것

Node.js

- 웹브라우저 환경이 아닌 곳에서도 Javascript를 실행할 수 있게 해주는 자바스크립트 런타임입니다.

- React 앱은 웹 브라우저에서 실행되는 코드이긴 하지만 

프로젝트를 개발하는데 주요 도구들이 Node.js를 사용하기 때문에 필요합니다.

(Babel, Webpack 등)

- npm 은 node.js가 설치될 때 같이 설치됩니다.

 

yarm

- npm의 약점(일관성, 보안성, 성능)을 보완해서 Facebook에서 나온 npm 확장 패키지 매니저입니다.

- npm과 동일하게 터미널에서 " npm install -g yarn " 명령어로 설치합니다.

 

IDE

- 통합 개발 환경(Integrated Development Environment, IDE)의 뜻으로 개발 시 사용되는 툴을 말합니다.

저는 Visual Studio Code를 사용했습니다.

---

Create React App 을 이용해서 React 설치하기

1. React앱을 만들 폴더를 생성합니다. 

2. 해당 폴더 경로로 터미널을 실행합니다. 

3. 터미널에 " npx create-react-app ./ " 명령어를 실행

   > ./은 해당폴더에 설치하겠다는 의미

   > npx란 노드 패키지 실행을 도와주는 도구

4. 설치된 React 확인 후 " npm start "

5. 모두 설치가 완료되면 아래와 같이 브라우저 화면이 뜨게 됩니다.