2. 리액트 / 웹팩 / 페이스북 / create react app

이전에

npm

node.js

Yarn

 

설치할 것

 

리액트 코드를 JS로 바꿔주는 툴이 필요

이를 트랜스파일러 / 트랜스포머 라고 부름

 

웹팩

우린 웹팩이란 트랜스파일러를 사용할것임.

리액트 코드를 브라우저가 이해할 수 있는 코드로 변경해줌

모듈번들러라고 부름

 

JS 최신버전 es6, ecmascript6

이 버전은 유용하고 편리한 기능이 많지만 모든 브라우저가 이해하진못함.

웹팩은 es6를 브라우저가 이해할 수 있게 변경해줌

 

그러나 시간이 부족한 경우

페이스북에서 초보자들을 위해 제공해주는 create react app 툴을 이용하여 설정 작업 없이 한번에 리액트 앱 구현 가능

웹팩은 추후 풀스택학습에서 다루기로 하고 여기선 미리 설치된 개발서버(pre-built-development server)로 학습한다.