[react] webpack과 create react app

https://www.inflearn.com/course/reactjs-web/lecture/8275

리액트 처음이시라구요? React JS로 웹 서비스 만들기! - 인프런

 

yts api를 사용할 예정이다!

 

 

react > javascript로 바꿔주는 transformatter가 필요하다. 이를 'webpack'이라고 부르는데...

 

웹펙은 react 코드를 브라우저가 이해할 수 있는 코드로 바꿔주는 역할을 한다. 

 

가장 최근의 버전은 javascript6인데, ES6 또는 ecmascript6이라고도 부른다. 

 

하지만 ES6는 모든 버전을 지원하지는 않는다. 그래서 webpack이 필요하다. 

 

 

 

하지만 webpack을 자세히 다루기에는 너무 어려워서 facebook에서는 'create react app'을 제공하게 되었다. 

 

'create react app'은, webpack과 같은 툴을 사용할 필요가 없이 손쉽게 react app을 만들어 주는 툴이다. 

 

명령어는 다음과 같다. 

 

 

 

create-react-app을 하면 다음과 같이 나오는데.,..

 

 

왠지 모르겠지만 나는 yarn대신 npm을 쓰고 있었다.