Props, state

컴포넌트
반복될 때, 복잡할 때

컴포넌트 하나 당 하나의 파일 만들 것 - 유지 보수 위해서

객체 구조 분해 할당

const props = {text: "김명성", age: 20};
const {text} = props;
const {age, text} = props;

const {text} = {text: "김명성"};

age // 20
text // "김명성"

state 끌어올리기
데이터는 단반향성으로 흐르기 때문에
자식 컴포넌트에서 변경이 일어났을 때