리액트

state와 props

state와 props는 리액트에서 가장 흔히 쓰이는 개념이다. 둘 다 사용하기에 그리 어려운 개념은 아니다. 하지만 둘 다 비슷한 동작을 하는 것 같으면서도, 다른 역할을 가지고 있어 조금 헷갈릴 수도 있다. 컴포넌트는 어떤 로우 데이터(raw data)를 HTML로 변환해주는 역할을 한다. 바로 이 HTML에 전달되는 데이터에는, state와 props가 있다. 컴포넌트의 render() 함수의 인풋값으로 state + props가 쓰이므로, 각 데이터 유형이 무엇을 나타내는 지 알 필요가 있다. 공통점 props와 state는 모두 일반 자바스크립트 객체이다. props와 state는 변경되었을 때 렌더링을 업데이트한다. props와 state는 결정론적(deterministic)이다. 같은 인풋을..