Week 4. 리액트 렌더링 방식과 Virtual DOM 및 컴포넌트
리액트의 렌더링 방식Virtual DOM 사용: 리액트는 메모리에서 관리되는 가상 DOM을 사용해 렌더링 최적화.변경 사항 감지: 상태(State)나 속성(Props) 변경 시 Virtual DOM에서 변경 사항 계산 후 실제 DOM과 비교(diffing).Reconciliation: 변경 사항을 실제 DOM에 반영하는 과정으로, 최소한의 DOM 조작으로 성능 최적화.렌더링 과정: 컴포넌트의 render 함수 또는 함수형 컴포넌트에서 JSX 반환 후 Virtual DOM에 반영.업데이트: 상태나 속성 변경 시 필요한 컴포넌트만 다시 렌더링하여 효율적 업데이트. Virtual DOM이란? 사용하는 이유Virtual DOM이란?리액트가 사용하는 가볍고 메모리 내에서 관리되는 가상 DOM.실제 DOM과 1:1..
카테고리 없음
2024. 8. 26. 00:47
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- typscript
- fitmate
- 리액트
- 데이터 이상
- 취업까지달린다
- 타입 정의 파일
- semantic tag
- 렌더링
- 스프린트풀스택2기
- 코드잇스프린트프리코스
- 무결성
- 타입스크립트 동작원리
- seo
- 풀스택
- 개발리포트
- 배열 키 설정
- React
- 스프린트풀스텍2기
- 렉시컬
- 코드잇스프린트
- 독스루
- lexical
- usecalback
- d.ts
- useMemo
- docthru
- virtual dom
- 프로젝트
- 모드잇
- 데이터베이스 정규화
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
글 보관함
