컴포넌트와 상태 state는 동적인 리액트 컴포넌트로 state의 값에 따라 다른 결과를 렌더링 한다. 사용자의 행위나 시간 변동에 따라 값이 변한다. const [ state, setState ] = useState(초깃값); state : state 변수, 형재 상태 setState : set 함수, state를 변경하는 함 useState() : 생성자(초깃값) useState 인자로 값을 넣어주면 state와 setState의 2가지 요소를 배열 형태로 리턴해 준다. state를 변경시켜 주고 싶을 땐 setState 함수를 이용해서 간편하게 변경시켜 줄 수 있다. const [ light, setLight ] = useState(4); State : light = 4 setLight(5) ➡️ ..