리액트
-
[React] 리액트의 시작 (특징과 JSX 규칙을 중심으로)IT Study/FE 2023. 5. 28. 03:13
블로그 본문은 "리액트를 다루는 기술 - 김민준"을 기반으로 정리된 내용입니다. 리액트를 배우기에 앞서, 리액트의 주요 단어를 먼저 살펴보죠. 컴포넌트란? 리액트 프로젝트의 특정 부분이 어떻게 생길지 정하는 선언체로, 재사용이 가능한 API (생김새와 작동 방식 정의) 렌더링이란? 뷰를 보여주는 것 바로 들어가보겠습니다. 1. 리액트는 Virtual DOM (가상 DOM) DOM은 객체로 문서 구조를 표현하는 방법이며, Virtual DOM은 DOM을 통해 객체에 JS와 CSS를 적용할 수 있습니다. DOM 자체는 빠른 편이지만, DOM에 변화가 일어나면 웹 브라우저가 CSS를 다시 연산하고 레이아웃을 구성하고 페이지를 리페인트하는 과정에서 시간 허비 발생합니다. 그렇다면 "일부만 리페인트하여 해결할 수..