728x90 300x250 SMALL 리액트훅2 Redux 완벽 가이드 : 개념, 사용법, 예제코드 Redux의 개념Redux는 React애플리케이션에서 상태(state)를 중앙에서 관리하는 전역 상태 관리를 위한 JavaScript 라이브러리이다.상태를 한 곳에서 관리하면 여러 컴포넌트가 같은 데이터를 쉽게 공유할 수 있다. 기본 개념Store : 상태가 저장되는 곳이다. 하나의 애플리케이션에 하나의 Store가 존재 한다.Action : 상태에 변화를 일으키는 '이벤트'를 위미한다. 예: 버튼 클릭, 데이터 요청 등Reducer: 상태를 업데이트 하는 함수이다. Action을 받아서 새로운 상태를 반환한다.Dispatch: Action을 Store에 전달하는 방법이다Redux의 기본 흐름(두 가지 방식)Redux에서 액션을 사용하여 상태를 업데이트하는 방법에는 두 가지 방식이 있다.직접 객체로 di.. 2025. 2. 8. React에서 컴포넌트 간 데이터 공유하기 - Shared State 1. Shared State란?React에서는 여러 개의 컴포넌트가 같은 데이터를 필요로 하는 경우가 많다. 이 때 공유된 상태(Shared State)가 필요하다. 예를 들어, 쇼핑몰 웹사이트에서장바구니 개수를 헤더와 상품 목록에서 동시에 표시해야 한다면?로그인 상태를 여러 페이지에서 유지하려면?다크모드/라이트모드 설정을 모든 컴포넌트에 적용하려면?이런 경우, 각각의 컴포넌트가 공통 상태(Shared State)를 가져야 한다. 2. Shared State를관리하는 방법React에서 상태를 공유하는 방법은 크게 3가지가 있다. 1) Props를 이용한 상태 공유(기본적인 방법)부모 컴포넌트에서 자식 컴포넌트로 데이터를 내려보내는 방식import React, { useState } from "react".. 2025. 2. 5. 이전 1 다음 728x90 반응형 LIST