관리 메뉴
목록React (9)
JAN's History
브라우저의 기본 렌더링 방식과 React.js의 렌더링 방식 살펴보기(With Virtual DOM)
1. 브라우저의 기본 렌더링 방식우리가 웹사이트를 만들 때 흔히 사용하는 세 가지 언어가 있어요: HTML, CSS, JavaScript.HTML은 웹페이지의 뼈대(구조)를 만들어요.CSS는 그 뼈대에 색이나 크기 같은 꾸밈(스타일)을 입혀줘요.JavaScript는 웹페이지를 움직이게 해주는 역할을 해요 (예: 버튼 클릭 시 반응하기)렌더링이란?렌더링이란, 이 HTML, CSS, JS로 작성된 코드들을 화면에 실제로 보이게 그려주는 과정을 말해요. 이때 브라우저는 다음과 같은 순서를 따릅니다: HTML 파싱 → DOM 생성HTML을 읽어들이고, 웹페이지의 구조를 객체 형태로 바꿔서 DOM(Document Object Model)이라는 트리를 만듭니다.CSS 파싱 → CSSOM 생성CSS도 마찬가지로 읽어..
React
2025. 4. 6. 15:04