바닐라 자쓰만으로 부분 랜더링(리액트나 뷰 라이브러리가 하는 작업)이 어려운 이유가 무엇일까?

 

공부를 하다보니

리얼돔에서 변경된 부분만 업데이트 하는게 힘들어서 버츄얼돔이 나왔다는 것은 알았는데

(리얼돔은 랜더링 엔진이 읽고, 버츄얼돔은 자바스크립트 실행 엔진이 읽음)

그럼 왜 어려울까? 를 생각해봤다

 

변경된 부분을 찾는 과정이 복잡한 이유 중 하나는 '트리 구조' 이기 때문이라는 것을 생각해냈다

하나의 요소가 변경될때 그 요소와 연결된 모든 하위 요소들이 함께 업데이트가 되어야 하기때문에~~!!!

 

그 외에도 왜 바닐라 자쓰로 부분 업뎃을 하려고 하면 복잡해질지를 챗 지피티한테 물어봤다

 

 

 

또 궁금해진 나의 질문 :

1. 상태관리 문제는 클래스를 구현해서 해결하면 되는거 아니야?

 

지피티의 답 :

네, 코드 중복 문제는 클래스를 생성하여 해결할 수 있습니다. 클래스를 생성하면 코드를 여러 번 작성할 필요 없이, 해당 클래스를 인스턴스화하여 여러 요소에 적용할 수 있습니다. 이렇게 하면 코드 중복 문제를 해결할 수 있습니다.

그러나 클래스를 사용해도 여전히 DOM 조작 코드가 HTML과 섞여 있기 때문에 가독성이 떨어질 수 있습니다.

또한, 클래스를 사용하더라도 유지보수 문제는 여전히 발생할 수 있습니다.

따라서 클래스를 사용해도 DOM 조작 코드를 최소화하고, 가독성과 유지보수성을 고려하는 것이 좋습니다.