[react] DOM 업데이트, DevTools, memo, useCallback(), useMemo

이 내용은 아래 강좌의 일부 강의를 정리한 내용이다. [React 완벽 가이드 with Redux, Next.js, TypeScript] https://www.udemy.com/course/best-react 1. 리액트 컴포넌트 트리 생성 리액트에서 DOM 업데이트는 어떻게 실행되는가? 컴포넌트 함수가 어떻게 실행되는지를 알아보자. 다음 예제 앱을 통해 자세한 내용을 알아보자. 이 앱에는 여러 가지 컴포넌트가 있다. 숫자를 입력하고 Set 버튼을 클릭하면 initialValue 값이 세팅이 되며 + Increment, -Decrement 버튼을 통해 숫자를 변경할 수 있는 기능을 한다. 이 앱의 소스 내용을 확인해보자. [App.js] function App() { log(' rendered&#..