반응형
※ RealDOM - 실제 돔
- HTML 태그를 이용해서 구조를 만들면 브라우저가 이를 해석해서 실제 DOM 형태로 객체를 만들고 화면에 렌더링하는 형태
※ VirtualDOM - 가상 돔
- 실제 브라우저에서 RealDOM으로 변환되기 전 메모리상에서 DOM구조를 가상으로 만들어서 기존의 DOM 구조와 차이점을 분석
- 기존 DOM과 변경되는 부분을 수정해서 최종적으로 RealDOM으로 출력하는 형태
※ JSX
- 리액트에서 자체적으로 가상 돔을 편하게 생성해주는 문법체계 (실제로는 JavaScript로 DOM을 만들지만 개발자의 사용성을 위해 HTML 표현 방식을 채택)
'IT > React' 카테고리의 다른 글
| [React] Event 처리하는 방법 (0) | 2023.06.22 |
|---|---|
| [React] React에서 CSS 사용 (0) | 2023.06.22 |
| [React] JSX 주석 처리 , JSX 연산 처리 (0) | 2023.06.22 |
| [React] 컴포넌트 파일 생성시의 규칙 (0) | 2023.06.22 |
| [React] SSR vs CSR (0) | 2023.06.22 |