1. node 와 npm 설치

$sudo apt-get install -y nodejs

• 우분투에 NodeJS 설치하는 방법

• node를 설치하면 npm도 함께 설치된다.
• node를 설치하는 이유는 자바스크립트를 외부에서도 읽을 수 있도록 하기 위함이다.

2. 리액트 설치

$npm install -g create-react-app

• npm으로 리액트 앱을 만들어 준다.

3. CRA설치

• CRA (Create React App)
• 터미널을 통해 원하는 directory에 접근한다.

  $npx create-react-app my-app

4. CRA 초기 설정

1. node_modules / gitignore / package.json

node_modules :

• package의 소스코드들이 들어있다.

pacage.json:

• dependencies 안에 외부 라이브러리를 넣어 줄 수 있다.
• 현재 사용중인, 라이브러리를 보여준다.
• git clone 시, depedencies를 기준으로 라이브러리들을 다운받아 줄 수 있다.
  

gitignore :

• git으로 push 할 때, 필요 없는 파일들을 제외 시켜준다.
• 만약 node_modules를 한번 push때 마다 넣어준다면, 매우 비효율적일 것이다...
  

2. index.html / index.js / App.js

• index.html

<div id="root"></div>

• App.js
  

• index.js
  
  -. ReactDom.render( A , B ) 함수라고 볼 수 있는데, A인자에는 App.js의 컨포넌트가 B인자에는 index.html의 'root' 아이디를 가진 div 태그가 들어오게 되는데, App.js가 id가 root인 div태그에 들어오게 된다.