✨ 1편: Virtual DOM, memo, useCallback ― React의 렌더링 최적화 핵심✅ 1. Virtual DOM이란?React에서 JSX는 결국 JS 객체(트리)로 파싱됩니다. 실제 DOM을 직접 건드리지 않고, 메모리 상에 가상의 DOM 트리를 만들어 저장한다. 상태가 바뀌면 Virtual DOM을 생성하고, 이전 Virtual DOM과 비교한다. 바뀐 부분만 실제 DOM에 적용한다. 강의를 통해서 알게 된 내용이 있다. Jason Miller 라는 사람이 Preact를 만들었다. jsx없이 템플릿 리터럴로 html을 작성할 수 있는 일종의 html 파서 라이브러리를 만들었다. 그 라이브러리가 표현하는 바와 같이 오브젝트 형태의 virtual DOM을 가지고 새로운 DOM과 비교한다...