react dom tree (1) 썸네일형 리스트형 [ React ] Element, Component, Instance 개념정리 ( with - React가 DOM Tree를 파악하는 방법 ) 영상을 보고 정리한 글입니다! ( https://www.youtube.com/watch?v=QSJUTS9PScY ) 기존 UI model(OOP)의 문제점 아래 코드를 참고해 설명하자면, button의 속성(isSubmitted, buttonText)에 따라 버튼이 화면에 그려지거나( this.button.render() ) 제거( this.button.destroy() )되는 등의 관리가 필요하다. 각 컴포넌트가 많아지면, 버튼 같은 instance도 많아지고, 이 instance를 조작하는 코드를 일일히 조작해주어야 하는 부분도 많아져 관리할 코드가 늘어나고, 이렇게 되면 부모 컴포넌트와 자식 컴포넌트의 분리가 어려워진다. class Form extends TraditionalObjectOriente.. 이전 1 다음