DOM의 개념에 관하여
남겨주신 노마크코더님의 영상과 기술블로그 글을 보았는데요.
DOM 의 풀네임 (Document Object Model) 말처럼
HTML, CSS, JS 파일들을 객체화하여 따로 분리하여 연결해주는 모델링이 속도가 빠르게 해주는 핵심 이유이며,
객체화를 통해 브라우저에서 직접 모든 렌터, 레이아웃을 계산하는게 아닌 Offline 상태에서 계산하여 결과값만 브라우저에 나타내기 때문이다. 라고 이해를 하고 있는데 맞을까요?
이런 React의 동작방식과 작업방식이 가장 빠른건 아니지만
웬만한 웹에서 빠르게 동작하고 충분히 빠르고 효율적이기에 많은 서비스들에서 사랑 받고 있는 프레임워크다.
혹시 이렇게 정리하는게 조금 제가 잘 이해를 못 하고 있는 부분일지요.
답변 1
1
충분히 잘 정리해주신 것 같습니다!
Offline상태라는 게 살짝 애매할 수 있는데, React의 가상 DOM 기술을 활용하면 DOM이 조금이라도 변경되면 전체를 재생성하는 과정을 거치지않고 내부적으로 모든 계산을 한 후 딱 변경된 DOM만 업데이트 되는 장점이 있다고 보시면 될 것 같습니다.
React가 사랑받는 이유는 큰 커뮤니티와 가상 DOM기술 중 가장 성숙한 기술이라고 보시는 게 더 나을 것 같습니다 :)
아래도 설명이 잘 된 것 같아 확인해보시면 좋을 것 같습니다~!
[해결]그랩님 답변 주세요.
0
161
2
그랩님의 답변을 기다립니다/102강 전반적인 에러
0
141
2
[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.
0
123
2
[재질문][그랩님 답변 부탁드립니다]101강
0
140
2
[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문
0
97
2
Ngrok 설치 후 forwarding Url 에러
0
133
2
[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.
0
217
2
Ngrok 설치 후 forwarding Url로 연결 불가
0
135
1
그랩님,[꼭] 답변 부탁드립니다.
0
65
1
[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.
0
149
1
6강/7강 수업
0
50
1
그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.
0
98
2
그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.
0
134
2
[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
88
1
Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
127
2
일반적인 css 꾸미기에서 width와 height의 값?
0
90
2
Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법
0
193
1
그랩마켓 웹화면 구현하기 -2 질문입니다.
0
120
1
react에 반영이 되지 않습니다.
0
236
1
터미널 npm install -g create-react-app 작성 후 오류
0
419
1
create-react-app my app 실행 시 에러
0
354
2
포스트맨 질문
0
100
1
<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.
0
260
2
그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.
0
473
2