{this.props.title}

### 컴포넌트 태그의 속성으로 데이터 등록
    <Subject title="WEB"> </Subject>

### 컴포너틑 클래스에서 JSX로 데이터 출력

리액트로 작성된 페이지의 컴포넌트 확인, 수정 가능

컴포넌트 사용시 가장먼저 실행되어 초기화 담당

외부에서 스테이트 값을 알 수 없다. (은닉성)
스테이트의 값을 컴포넌트의 props의 값으로 사용

* onClick
* preventDefault
* onChangePage - 클릭 시 호출할 함수 등록
* onSubmit - submit 시 작동

디버거 실행 시 동작 정지

* render안의 함수 안에서 this 호출 시 this는 window or undefined
* this.function_name.bind(this); 사용 시 함수의 this는 bind의 값
* 두 번째 인자를 첫 번째 매개변수의 값으로 전달

동적으로 state 변경 시 setState를 사용해야지 변경 후 리로딩

e.target.dataset.name 으로 접근

### Props
    * props are read only
    * props can no be modified

### State
    * state changes can be asynchronous
    * state can be modified using this.setState

### 상위 컴포넌트 -> 하위 컴포넌트
    * props로 데이터 전달

### 하위 컴포넌트 -> 상위 컴포넌트
1. 상위 컴포넌트에 onChangePage로 함수 등록 (이벤트 구현)
2. 하위 컴포넌트에서 onChangePage 호출 (매개변수 전달) / setState로 상탠 변경

this.state.push(props) ==> this.setState({content: this.state.content})
var content = this.state.concat(props) ==> this.setState({content:content})

array.push(val) = 원본을 수정
array.concat(val) : 추가한 배열을 생성 
* 가급적 원본을 변경하지 않고 새로운 값을 생성할 것!!! ===> shouldComponentUpdate를 통해 this와 new 비교

return true; ==> render() 호출
return false; ==> render() 호출 X
매개변수 newProps, newState 

Array.from(x) : 배열을 각 요소마다 x를 실행 / 배열 복제
Object.assign(new, target) : 객체 복제

배열 복제

###delete ==> _contents.splice(i,1);

### immutable
    immutable.js
### router
    server
### npm run eject
### redux
### react server side rendering