state와 생명주기

state란?

• 컴포넌트(함수) 안의 private한 지역 변수로 생각할 수 있음

class LikeButton extends React.Component {
	constructor(props) {
		super(props);
	}
	
	// state 정의
	this.state = {
		liked : false
	}
}

• 정의된 이후에는 반드시 setState() 라는 메소드를 이용해서 값을 바꿔줄 수 있다.

LikeButton.setState({
	liked : True
});

생명주기

• 컴포넌트도 생성, 활동, 사망하는 시점이 각각 정해져 있다.
• 이때, 각각의 시점에 따라 쓸 수 있는 함수가 다르다.
• 생성자, 소멸자와 연관해서 생각해 보면 될 것 같다.

마운팅

• 생성되는 시점을 마운팅(mounting)이라고 한다.
• 마운팅에 쓸 수 있는 함수 ⇒ constructor(), componentDidMount(), render()

업데이팅

• 활동하는 시점을 업데이팅(updating)이라고 한다.
• 업데이팅에 쓸 수 있는 함수 ⇒ render(), componentDidUpdate()

언마운팅

• 소멸하는 시점을 언마운팅(unmounting)이라고 한다.
• 언마운팅에 쓸 수 있는 함수 ⇒ componentWillUnmount()