js-stack-from-scratch : 8 – React

React, ReactDOM 설치

빌드툴이 아니고 클라이언트에서 필요한 패키지라서 "dependencies" 에 설치된다.

이제 src/client/app,js 를 src/client/app.jsx 로 변경하고react 와 JSX 코드를 넣는다.

JSX

1. 자바스크립트 코드에서 XML, HTML 요소를 그대로 편하게 넣을 수 있다. (“”없이) 바벨에서 JSX로드를 사용해서 native javascript 로 변경해준다.

이런 식으로.
2. 여러 element 를 렌더링할때 <div></div> 같은 container 로 감싸야 함
3. if Else 를 사용할 수 없다. 3항 연산자 써야함

Props

컴퍼넌트 내부의 Immutable Data

의견을 남겨주세용