기술면접 (33) 썸네일형 리스트형 3_Redux : mobx : jotai : recoil 🌿 Redux 이외에 전역 상태관리 : jotai, mobx, recoil 와의 차이를 간단히 비교해보려고 한다. 🌿mobx Redux 와의 차이점: 1. 객체 지향적인 상태 관리: MobX는 객체 지향적인 방식으로 상태를 관리하며, 관찰 가능한 객체를 통해 상태 변화를 추적합니다. 2. 다양한 프레임워크 지원: MobX는 React, Vue, Angular 등 다양한 프레임워크에서 사용할 수 있습니다. 3. 자동 리렌더링: MobX는 상태 변화가 감지되면 자동으로 관련된 컴포넌트를 리렌더링하여 개발자가 수동으로 관리할 필요가 없습니다. 🌿 Jotai Redux 와의 차이점: 1. 선언적인 상태 관리: Jotai는 선언적인 방식으로 상태를 관리하며, React 컴포넌트와 간단하게 통합할 수 있습니다. 2.. 2_Redux 란 무엇인가? 왜 사용하는가? ✅ Redux 무엇인가요? Redux는 복잡한 상태 관리를 단순화해서 상태를 하나의 객체로 관리하고, 상태를 예측 가능하고 효율적으로 관리할 수 있는 라이브러리 Redux의 주요 개념: 1️⃣ Store: 애플리케이션의 상태를 보유하는 단일 저장소 2️⃣ Action: 상태 변경을 나타내는 객체로, store.dispatch()를 통해 전달 3️⃣ Reducer: 이전 상태와 액션을 받아 새로운 상태를 반환하는 순수 함수 4️⃣ Dispatch: 액션을 발생시키는 메서드로, store.dispatch()를 통해 액션을 전달 ✅ 왜 Redux를 사용하시나요? Redux를 사용하면 상태 관리가 단순화되고 예측 가능성을 높여 유지 보수성과 확장성 향상 1️⃣ 중앙 집중화된 데이터 관리: 1. Redux는 중앙.. 1_state & 상태관리 😉 상태관리를 왜 할까요? 1️⃣ 컴포넌트 간 데이터 공유: props 전달만으로는 복잡한 컴포넌트 간 데이터 공유를 효율적으로 처리하기 어렵기 때문에 여러 컴포넌트가 동일한 데이터를 공유해야 할 때 상태 관리가 필요합니다. 2️⃣ UI 상태 관리: 사용자 입력, API 호출에 따른 데이터 로딩, 조건부 렌더링 등 UI 상태 변경을 효율적으로 관리해야 하기 때문입니다. 3️⃣ 성능 최적화: 불필요한 렌더링을 방지하고 성능을 최적화하기 위해서 상태관리가 필요합니다. 😊 평소 state 관리는 어떻게 하시나요? 1️⃣ ( 함수 컴포넌트에서 상태를 관리하기 위해 ) useState Hook 사용: 컴포넌트 내부에서 로컬 상태를 관리합니다. 2️⃣ ( 대규모 애플리케이션에서 상태 관리를 위해 ) Redux 사용.. 이전 1 2 3 4 다음
