Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- react cypress
- 카카오엔터프라이즈 인턴
- createPortal
- TC39
- 말줄임 툴팁 만들기
- 테스트코드 자동화
- msw
- 자바스크립트로 코딩테스트
- fsd
- next.js msw
- 알고리즘
- 이펙티브 타입스크립트
- 알고리즘JS
- js
- storybook
- MinHeap
- ssg
- storybook 커스텀
- ₩1
- 스토리북
- 2023 자바스크립트
- 자바스크립트 동향
- react-table
- Next.js
- storybook styled-components
- ISR
- supabase
- 리액트 파이버
- 프론트엔드 아키텍처
- 테오의스프린트
Archives
- Today
- Total
목록리액트 파이버 (1)
MEI

리액트의 파이버를 보기 전에 가상 Dom 이란 무엇인지 보고 오시면 더 좋을 것 같아요 ! 리액트의 파이버란?가상 DOM 의 변경 사항을 실제 DOM 에 적용하는 과정을 최적화할 수 있게 해주는 아키텍처 이렇게 정의내리고 싶습니다. 리액트 파이버는 가상 DOM 과 연관이 굉장히 깊은 아키텍처에요.리액트 16 부터 가상 DOM 을 그릴 때 파이버 노드를 이용해서 그리게 되거든요 .. ! 일단, 리액트 파이버에서는 Current Tree / Work In Progress Tree 가 있습니다.(모던 리액트에서는 아마 가장 뒤에 나오겠지만 ... ) - current tree : 실제 Dom과 동일한 형상의 트리, Fiber 노드로 이루어져 있음- work in progress tree : 변경되는 사항..
TECH/React
2024. 9. 2. 00:09