렌더링
-
Virtual DOM이란? 🚀 리액트가 빠른 이유!Developer 2025. 3. 18. 09:00
1. Virtual DOM이란?Virtual DOM(가상 DOM)은 실제 DOM을 직접 조작하는 대신, 메모리에 가상의 DOM을 생성하여 최소한의 변경만 실제 DOM에 적용하는 기술입니다.✅ 쉽게 말해?"DOM 변경을 최소화하여 웹 성능을 최적화하는 방법!""리액트(React)가 빠르게 동작하는 핵심 기술!"2. Virtual DOM의 동작 원리 🔥Virtual DOM은 3단계 과정을 거쳐 최적화된 업데이트를 수행합니다.📌 1) Virtual DOM 생성JSX를 사용하여 UI를 구성하면, 가상 DOM 트리가 생성됨📌 2) 변경 감지 (Diffing Algorithm)새로운 Virtual DOM과 이전 Virtual DOM을 비교하여 변경된 부분을 찾음📌 3) 최소 업데이트 (Reconciliati..
-
HTML Doctype이란? 🚀 웹페이지의 시작을 여는 필수 요소!Developer 2025. 2. 19. 09:25
1. HTML Doctype이란?Doctype(문서 유형 선언, Document Type Declaration)은 HTML 문서의 맨 처음에 위치하며, 브라우저가 해당 HTML 문서를 어떻게 해석할지 결정하는 역할을 합니다.✅ 간단히 말해?Doctype은 브라우저에게 문서의 HTML 버전을 알려주는 선언문입니다.HTML을 올바르게 렌더링하기 위해 필수적으로 사용됩니다.2. HTML Doctype 선언 방법HTML 문서를 작성할 때 가장 위에 아래와 같이 Doctype을 선언해야 합니다. 이것이 HTML5 Doctype! ✅ 은 HTML5 문서를 의미하며, 최신 표준을 따르겠다는 선언입니다.3. HTML Doctype의 역할✅ 1) 표준 모드(Standards Mode)와 호환 모드(Quirks Mo..