Notice
Recent Posts
Recent Comments
«   2024/07   »
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 more
Archives
Today
Total
관리 메뉴

HYEWON JUNG의 개발일지

20240108 TIL Redux 말고 다른 전역 상태관리 아는 것 하나와 차이점을 말해주세요, 버츄얼 돔과 리얼 돔의 차이를 설명해주세요. 본문

개발일지

20240108 TIL Redux 말고 다른 전역 상태관리 아는 것 하나와 차이점을 말해주세요, 버츄얼 돔과 리얼 돔의 차이를 설명해주세요.

혜won 2024. 1. 9. 09:05

Redux 말고 다른 전역 상태관리 아는 것 하나와 차이점을 말해주세요

recoil이 있다. recoil은 context API 기반으로 함수형컴포넌트에서만 사용 가능한 전역상태 라이브러리다. 

리덕스와의 차이는 첫번째는 상태 저장 방식입니다. 리코일의 경우 atom이라는 단위로 분산 저장을 하고 리덕스는 스토어라는 하나의 저장소에 집중저장합니다. 두번째는 렌더링 최적화 방식입니다. 리덕스에서는 상태에 의존하지 않는 컴포넌트는 불피요한 렌더링을 하지 않도록 해주고, 리코일의 경우 컴포넌트가 구독하는 atom이 변경되었을 때만 렌더링되어 최적화를 해줍니다.

버츄얼 돔과 리얼 돔의 차이를 설명해주세요.

Real DOM은 실제 페이지를 이루는 컴포넌트인 엘리먼트를 tree 형태로 표현한 것이고, 엘리먼트의 자식노드가 추가되면 전체 문서가 갱신되지만
Virtual DOM은 리얼 돔의 복사본이다. dom은 해당 노드에 접근 및 제어가 가능하며 리얼 돔을 조작하는 것보다 더 빠르게 조작이 가능하다. 
변경점만 Real DOM에 적용하여 전체 문서가 갱신되지 않는다.