Falsy; 거짓으로 간주된 값 false 0 -0 0n "" null undefined NaN ... 문법 // 수정전 setState({ toDoInput: '', toDos: [newToDo, ...toDos], }); // 수정후 setState({ toDoInput: '', toDos: [...toDos, newToDo], }); ★ 리액트에서 input 상태관리 input 태그 value onChange input 태그의 onChange 관련 handler; handleToDoInput // App 컴포넌트 function App(){ const [state, setState] = useState({ toDoInput: '', toDos: [], }); const { toDoInput, toD..

리액트 훅; useState Hook는 Class없이 React 기능들을 사용하는 방법을 알려줍니다.개념적으로 React 컴포넌트는 항상 함수에 더 가깝습니다. Hook는 React의 정신을 희생하지 않고 함수를 받아들입니다. Hook는 명령형 코드로 해결책을 찾을 수 있게 해주며 복잡한 함수형 또는 반응형 프로그래밍 기술을 배우도록 요구하지 않습니다. 선언형 프로그래밍 관심사의 분리 → 컴포넌트 분리(상태관리 컴포넌트, UI 컴포넌트, ...) 1) 컴포넌트에 대한 뛰어난 의사 결정 컴포넌트를 얼마나 작은 단위로 쪼갤 것인지, 어떻게 재사용 가능한 컴포넌트를 만들 것인지 아는 개발자. *2) state가 존재하는 위치에 대한 의사 결정 *state는 가상 DOM 내에 여러 곳에 존재할 수 있는데, 이를..