ReactJS_1_입문

React로 하는 모든 것은 JavaScript 기반이다.
function, object, variable.

<장점>
1) Javascript 언어로 사용가능하다 
2) 컴포넌트별 작업 가능 
3) unidirectional Dataflow -> 데이터가 단방향
(Data -> UI 자동으로 업데이트)

yts.ag - 영화 정보 API
react code -> Javascript 바꿔주는 코드
트랜스파일러 - 웹팩(브라우저가 이해할 수 있는 코드로 변경)
create react app, 이 안에 웹팩 파일이 담겨있고 이를 통해 손쉽게 리액트 앱을 만들 수 있다.

 

기본적인 세팅
node js 설치후 create-react-app 과정 따라하기

$ create-react-app movie_app  

$ cd movie_app

$ npm start 

vs code를 띄우고
내용을 수정한 후 내가 저장하면 자동으로 컴파일해서 다시 띄워준다.

 

위 실행을 통해 Hello World를 확인할 수 있다