hooks

상태값을 바로바로 업데이트 할 수 있다.const <상태 값 저장 변수>, <상태 값 갱신 함수> = useState(<상태 초기 값>);여기서 작성자, 내용, 기분옵션은 onChange 함수에 setState()를 줘서 바뀐값을 설정하는 방식이다. 따

이미 계산 해 본 연산 결과를 기억해 두었다가, 동일한 계산을 시키면다시 연산하지 않고 기억해 두었던 데이터를 반환맨 처음에 getDiaryAnalysis함수는 2번실행된다.왜냐하면 처음 마운트가 될때 (data가 빈배열이었을 때), 한 번 호출.setData가 되면서

본인이 가진 state 가 변경될 때부모 컴포넌트가 리렌더링 될 떄props가 변경될 때일기를 수정하는데 네모칸이 리렌더링 될 필요는 없다.React는 먼저 컴퍼넌트를 렌더링(rendering) 한 뒤, 이전 렌더된 결과와 비교하여 DOM 업데이트를 결정한다. 만약 렌

✔ 현재 App.js의 상태.. data를 참조해야하기 때문에 App.js안에서만 상태관리가 이루어질 수 밖에 없다. 현재 app.js 코드가 길어서 넘 무거움..!! ✔ useReducer 목표: 상태변화 로직들을 컴포넌트에서 분리하여 좀 더 가볍게 만들기.

만약에 onRemove를 onDelte라고 이름을 바꾸고 싶다면 매우 번거로울 것이다.props가 땅을 파고 드는것 같다고 해서 이 현상을 props drilling 이라고 한다!여튼 이를 방지하기 위해서는 최상위 props를 하위 컴포넌트에서도 접근가능하게 하면 될것