본문 바로가기 메뉴 바로가기

buffso 님의 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

buffso 님의 블로그

검색하기 폼
  • 분류 전체보기 (19)
    • Weekly-paper (12)
    • projcet (2)
    • Tech (2)
  • 방명록

virtual dom (1)
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
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • typscript
  • fitmate
  • 리액트
  • 데이터 이상
  • 취업까지달린다
  • 타입 정의 파일
  • semantic tag
  • 렌더링
  • 스프린트풀스택2기
  • 코드잇스프린트프리코스
  • 무결성
  • 타입스크립트 동작원리
  • seo
  • 풀스택
  • 개발리포트
  • 배열 키 설정
  • React
  • 스프린트풀스텍2기
  • 렉시컬
  • 코드잇스프린트
  • 독스루
  • lexical
  • usecalback
  • d.ts
  • useMemo
  • docthru
  • virtual dom
  • 프로젝트
  • 모드잇
  • 데이터베이스 정규화
more
«   2026/06   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바