• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    해결됨

DOM의 개념에 관하여

23.02.05 14:23 작성 조회수 229

1

남겨주신 노마크코더님의 영상과 기술블로그 글을 보았는데요.

DOM 의 풀네임 (Document Object Model) 말처럼

HTML, CSS, JS 파일들을 객체화하여 따로 분리하여 연결해주는 모델링이 속도가 빠르게 해주는 핵심 이유이며,

객체화를 통해 브라우저에서 직접 모든 렌터, 레이아웃을 계산하는게 아닌 Offline 상태에서 계산하여 결과값만 브라우저에 나타내기 때문이다. 라고 이해를 하고 있는데 맞을까요?

이런 React의 동작방식과 작업방식이 가장 빠른건 아니지만
웬만한 웹에서 빠르게 동작하고 충분히 빠르고 효율적이기에 많은 서비스들에서 사랑 받고 있는 프레임워크다.

혹시 이렇게 정리하는게 조금 제가 잘 이해를 못 하고 있는 부분일지요.

답변 1

답변을 작성해보세요.

1

충분히 잘 정리해주신 것 같습니다!

Offline상태라는 게 살짝 애매할 수 있는데, React의 가상 DOM 기술을 활용하면 DOM이 조금이라도 변경되면 전체를 재생성하는 과정을 거치지않고 내부적으로 모든 계산을 한 후 딱 변경된 DOM만 업데이트 되는 장점이 있다고 보시면 될 것 같습니다.

React가 사랑받는 이유는 큰 커뮤니티와 가상 DOM기술 중 가장 성숙한 기술이라고 보시는 게 더 나을 것 같습니다 :)

아래도 설명이 잘 된 것 같아 확인해보시면 좋을 것 같습니다~!

https://doqtqu.tistory.com/316