React 의 특징

1. React 는 단지 View 일 뿐이다

   • python Django, Ruby, nodejs 등과 함께 사용하기 좋다

2. javascript 기반 (+ html)

   • 다른 프레임 워크에 대한 추가 공부가 필요없다
     (angular, vue js 등 과 다르게 다른 언어를 배울 필요가 없다)
   • function / object / …

3. composition

   • 요소(컴포넌트) 별로 나눠서 작업한다
   • 컴포넌트 란 Nav, Header, Numbers, Grid 등.. 쪼개서 작업한다 다른 곳에 붙이기 쉽다

   •  function Nav(){
          return (
            <nav>
              <ul>
                <li></li>
                ...
              </ul>
            </nav>
          )
      }
      fucntion Header(){
        return (
          <header>
            <img />
            <h1></h1>
            ...
          </header>
        )
      }
     

4. Unidirectional Dataflow

   • angular 의 경우 데이터가 view, model 로 변함
   • Data 의 변경이 곧 UI 의 변경이다 (UI 을 추가로 변경시킬 필요가 없다)
   • UI 가 Data 의 변경없이 바뀔 수 없다

5. 트랜스파일러

   • 리액트 코드를 일반 자바스크립트 코드 로 변환시켜준다

   • 웹팩 webpack.github.io : 모듈번들러

     • 브라우저가 이해할 수 있는 코드로 변경해주는 툴
     • 
     • 
       
     • 여러가지 장점들
       • 이미지 압출 저장, 자동으로 테스트 등 >> 인스타그램 풀스택 강의 수강 추천

   • reate react app : 페이스북에서 만들어준 웹팩 파일 손쉽게 이용하게 하기

     # Quick Overview
     npm install -g create-react-app
     
     create-react-app my-app
     cd my-app/
     npm start
     
     curl "http://localhost:3000"