챕터 목표

<aside> 💡

발제 내용과 목표를 이해합니다.

</aside>

1. 가상 DOM을 정의하고 사용할 수 있다.
2. 가상 DOM을 이용하여 이벤트 관리를 최적화할 수 있다.
   • 이벤트 위임(Event Delegation)을 활용하여 어떻게 효율적으로 이벤트를 관리할 수 있을까요?
3. diff 알고리즘을 이용하여 불필요한 렌더링을 최소화할 수 있다.
   • 변경된 부분만 업데이트하는 효율적인 렌더링 방식을 어떻게 구현할 수 있을까요?

과제 의도

<aside> 💡

과제 의도를 먼저 파악합니다.

</aside>

• 가상DOM을 활용하여 불필요한 렌더링 줄이기
• 리액트가 이벤트 관리 문제를 어떻게 해결하였는지 파악하기
  • 이벤트 위임
  • 메모리 누수 방지
  • 동적으로 생성된 요소에 대한 이벤트 바인딩

필수 개념

<aside> 💡

과제 전 알아야 할 키워드를 선정하고 과제 전후 알게 된 개념을 정리합니다.

</aside>

• Virtual DOM
• JSX
• Babel
• Diffing & Reconciliation
• 이벤트 위임

Q & A

<aside> 💡

과제 전후 동안 궁금한 정보를 모아 작성합니다.

</aside>