가상 DOM이란? — 브라우저 DOM의 본질을 알면 React·Svelte 프레임워크가 보인다

안녕하세요, WoodyCode입니다. 🚀 지난 포스팅에서 우리는 브라우저와 서버가 대화하는 언어, HTTP에 대해 알아봤습니다. 서버에서 HTML 데이터를 성공적으로 가져왔다면, 이제 브라우저는 그 텍스트를 바탕으로 사용자가 볼 화면을 구성해야 합니다.이 과정에서 가장 핵심적인 역할을 하는 것이 바로 DOM(Document Object Model)입니다. "React는 가상 DOM을 써서 빠르다", "Svelte는 가상 DOM이 없어서 더 빠르다"는 논쟁의 중심에는 항상 이 DOM이 있습니다. 도대체 DOM이 무엇이길래 현대 프레임워크들이 이를 두고 성능 전쟁을 벌이는지, 그 속사정을 낱낱이 파헤쳐 보겠습니다.1. DOM, HTML을 나무(Tree)로 바꾸다브라우저는 HTML 텍스트를 그대로 화면에 그..
개발 👩‍💻/React.js & Next.js 2026. 3. 12. 08:00
1
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2026/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함