개발새발개발/React

[React] React의 특징

birdsfoot 2025. 1. 31.

React의 특징

1. 컴포넌트를 기반으로 UI를 표현한다

2. 화면 업데이트 구현이 쉽다

3. 화면 업데이트가 빠르게 처리된다

- 여러페이지에 중복 코드를 작성할 필요가 없어 편리하다

↔ 명령형 프로그래밍 : 목적을 이루기 위한 모든 일련의 과정을 설명하는 방식

- state 변수의 값을 수정하는 것 만으로도 렌더링 결과를 간편히 조절할 수 있음

- Layout : 요소의 배치를 잡는 작업

- Painting : 실제로 요소를 화면에 그려내는 과정

- DOM 이 수정되면 업데이트가 일어나는데, 매우 느림!

- 이 두 과정이 오래걸림(성능 악화)

- innerHTML 코드로 매번 DOM 이 수정되기 때문에 오래걸림

- 4.5초동안 멈춤

- 수정 내용을 모아서 한번에 수정하면 DOM을 한 번만 수정해도 되서 좋음

- React는 Virtual DOM을 사용해 화면 업데이트를 빠르게 처리해줌!

- 가상의 복제판 DOM에 수정 사항을 반영한 뒤 한 번에 수정함

출처 ) 인프런 : 이정환 - 한입 크기로 잘라 먹는 리액트 강의