MobX 3

Props Drilling 이란 무엇인가요?

👉 의미 리액트의 컴포넌트 트리에서 데이터를 하위 컴포넌트로 전달하기위해 필요한 과정 👉 단점 예를들어 우리가 app.js에서 데이터를 하위컴포넌트까지 쭉 전달하면 데이터가 변경되었을때 하나하나 고쳐야하는 불편함이 발생 👉 해결방안 전역상태관리 라이브러리(redux,mobx...)를 사용하여 데이터가 필요한 컴포넌트에서 직접 데이터를 불러와 사용

React 2022.07.02

리액트의 내부 작동 원리를 재조정 (Reconciliation) 개념과 함께 설명하세요.

👉 재조정 (Reconciliation)이란? React는 실제 DOM을 직접 제어하지 않고 중간에 virtual DOM을 두어 virtual DOM이 변경이 되었을때 실제 DOM을 갱신하도록 설계되어있습니다. 👉 virtual DOM을 갱신하는 방법 setState() 메소드를 호출 전역 상태 관리 라이브러리 ( redux,mobx ... ) store 데이터가 변경 위 두가지의 행동이 일어났을때 최상위 컴포넌트의 render() 함수를 호출해서 렌더링이 일어납니다

React 2022.07.01

리덕스 ( REDUX ) 란?

리덕스란? Javascript 상태관리 라이브러리이다. 리덕스의 기본 개념 : 세가지 원칙 1. Single source of truth 동일한 데이터는 항상 같은 곳에서 호출한다. 즉, 스토어라는 하나뿐인 데이터 공간이 있다 2. State is read-only 리액트에서는 setState 메소드를 활용해야만 상태 변경이 가능하다 리덕스에서도 액션이라는 객체를 통해서만 상태 변경이 가능하다 3. Changes are made with pure functions 변경은 순수함수로만 가능하다 리듀서와 연관되는 개념이다. Store - Action - Reducer Store 란? 상태과 관리되는 오직 하나의 공간이다. 컴포넌트와는 별개로 스토어라는 공간이 있어서 그 스토어 안에 필요한 상태를 담는다 컴포..

React 2022.03.29