본문 바로가기

📚/ㄴ React

(2)

리덕스(Redux)에 대해 알아보자 리덕스(Redux) 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜 더욱 효율적으로 관리 글로벌 상태 관리 => Context API, useReducer와 유사 리덕스를 사용하는 것과 Context API를 사용하는 것의 차이 리덕스는,,, 미들웨어 유용한 함수(connect)와 Hooks(useSelector, useDispatch, useStore) 하나의 커다란 상태 (모든 글로벌 상태를 하나의 커다란 상태 객체에 넣어 사용) concat: 리덕스의 상태 또는 액션 생성 함수를 컴포넌트의 props로 받아올 수 있다. useSelector, useDispatch, useStore: 손쉽게 상태를 조회하거나 액션을 디스패치 할 수 있다. 리덕스는 언제 써야 할까? 프로젝트의 규모가 큰가? Y..

[React] DOM(돔)이란? Virtual DOM(가상 돔)이란? 🔗 DOM(돔)이란? 'Document Object Model'. HTML, XML 문서의 프로그래밍 인터페이스이다. 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법(API)을 제공하여 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. 🔗 DOM에 직접 접근할 때의 문제점 DOM에 직접 접근할 경우 뷰에 변화가 있으면 다시 DOM을 변경해야 하기 때문에 브라우저의 잦은 렌더링을 유발하여 효율성이 떨어지게 된다. 🔗 Virtual DOM(가상 돔)이란? 가상 DOM은 실제 DOM의 변화를 최소화 시켜주는 역할을 한다. 뷰에 변화가 있으면, 그 변화가 실제 DOM에 적용되기 전에 가상 DOM에 적용시켜 최종 결과만 실제 DOM에 전달한다. 예를 들어 뷰에 20개의..

이전 1 다음

티스토리툴바