[react] react02 : transpiler, install create-react-app, setting

* transpiler

react code를 자바스크립트로 바꿔주는 툴이 필요

ex) webpack : 모듈 번들러, react 코드를 브라우저가 이해할 수 있는 코드로 변경해준다

이미지 파일을 웹펙을 통해 png로 바꿀 수 있다. 바꾸는 것과 동시에 자동으로 파일 압축도 할 수 있다

내가 파일을 바꿀 때 브라우저를 새로고침 한다거나 자동으로 테스트를 해본다거나 등등

https://ksj12172.tistory.com/317

[Node.js] Webpack : 일을 잘 하고 싶을 때 쓰는 도구

 

* webpack을 사용하지 않는다면?

페이스북이 초보자들을 위해 제공하는 것이 있다.

-> create react app

웹팩과 같은 툴을 사용할 필요 없이 손쉽게 리액트 앱을 만들어준다

(terminal)

npm install -g create-react-app

create-react-app my-app
cd my-app/
npm start

웹펙 파일이 숨어있다

 

* (practice 예시)

npm init

node --version

npm install -g yarn

yarn --version

yarn init (둘 다 하는게 맞는건지는 모르겠음)

npm install -g create-react-app

create-react-app movie_app

cd movie_app

yarn start

 

source : nomad coder