react 기본 개념

- react 는 Component 기반 UI 라이브러리

- facebook 에서 초보자를 위한 패키지를 제공

 

create-react-app <application_name>

 

기본 작업 flow

 

Component 또는 function 으로 하나의 page 를 만듦

 

Component: 파이썬에서 class 와 비슷한 개념으로 componentWillMount(), componentDidMount() 와 같은 동작을 제어

class Movie extends Component {
	render() {
    	return(
        	<div>
            	<h1>{this.props.title}</h1>
            <div>
        )
    }
}

function: 단순히 특정 객체를 보여주기 위한 기능만 해야한다면 function 으로 구성
# componentWillMount(), state 과 같이 추가 기능은 구현하지 못함

function Movie({title}) {
	return (
    	<div>
        	<h1>{title}</h1>
        </div>
    )
}