# reducer
Reducer 와 Context 를 같이 써보자 - new 리액트 공식문서
reducer : state 업데이트 로직을 통합 context : 깊은 하위 컴포넌트에 정보 넘겨줌 둘을 같이 쓰면 무적의 state 관리자가 되겠지요? > ### 이 문서에서는 reducer와 context 같이 쓰기 props로 state 넘기고 dispatc

Reducer
React Context API는 React에 내장된 상태 관리 솔루션이다. Redux는 외부 라이브러리로, Context API와 유사한 역할을 한다. Redux를 이해하기 위해 먼저 Reducer가 뭔지 알아보아야 한다. Reducer는 상태 관리를 위한 "패턴"이

[Front-End] Redux란?
What is Redux? 개발 공부를 하다보면 Redux에 대한 이야기는 자주 나온다. 이번에는 Redux가 정확히 무엇이며, 우리가 왜 이를 사용해야되는지 알아보려한다. 더 나아가 어떻게 이를 사용할 수 있을지 한번 알아보자.

230105 리덕스 복습
리액트 쿼리 공부에 들어가기 전에 리덕스 구조에 대해서 한번 더 복습하면 좋을 것 같아 틈틈히 만들었다!그리고 어제 다른 분들과 이야기하면서 THUNK와 REACT-QUERY에 대해 뭔가... 제대로 말하지 못했다는 점이 아쉬워서 틈틈히 만들어봤다 (사실 무한스크롤이
[개념] 호이스팅, 순수함수
참고: 모던 자바스크립트: 선언하기 전 사용할 수 있는 varMDN Hoisting호이스팅: 변수가 끌어올려지는 현상.var로 선언한 모든 변수는 함수의 최상위로 끌어올려짐.변수의 선언과 변수에 값을 할당하는 단계를 분리한 후, 선언만 함수의 최상단으로 끌어올리는 것

authenticate, redux (2)_front
들어가기login, register부분의 front부분을 알아본다.front부분은 redux를 사용하기 떄문에, 어려울 수 있는데, 이번 로직으로 확실히 배워보자.
authenticate, redux (1)_back
들어가기1\. authenticate 관련해서, backend부터 시작해봅니다.DB만드는 방법, DB connect를 확인한다.

[study] Redux 기본
이전 스터디에서 next.js 와 함께 Redux 를 쓰는 방법을 익혔었는데 React 에서 Redux를 쓰는 법이 궁금해졌다. 벨로퍼트님의 모던 리액트 정리해놓은 자료를 보면서 Redux에 대해 정리해보려고한다. 리덕스 설치 루트 디렉터리에 가서 redux 와 re
[Redux] createStore - 구현편
createStore 는 전역 상태(state) 를 가지고 있고 관리하는 store 객체를 생성하는 함수이다. 그리고 store 는 getState, subscribe, dispatch API 를 제공한다.createStore 는 함수의 인자로 reducer 를 받는데
Effect & Reducer
리액트 개발자로써 꼭 알아야 할 Effect,Reducer,Context를 정리 Effect의 사용법 복잡한 상태를 Reducer로 관리하는 법 여러 개의 컴포넌트에 영향을 주는 state는 context라는 개념 1. side Effect란 무엇이며 useEffe

[React] 쇼핑몰 만들기(part2)-3
/cart로 접속하면 장바구니 페이지를 보여주기일단 <Route path="/cart" element{<Cart/>} 추가Redux는 props 없이 state를 공유할 수 있게 도와주는 라이브러리js 파일 하나에 state를 보관하고 모든 컴포넌트가 직접
[리액트를 다루는 기술] useReducer를 이용해 counter 및 input 관리
reducer 함수 생성 후 switch로 action.type 별로 분류useReducer로 state와 dispatch 비구조할당첫 매개변수: 사용할 reducer 함수두 번째 매개변수: state의 초기값dispath()에 들어간 값으로 판별dispatch(e.t
TIL-React(4)
Reducer와 context Reducer 상태관리 하나의 데이터가 어떤 작업을 하는지는 코드를 살펴봐야지만 알 수 있다. (데이터 추가, 제거, 수정..등) 그래서 하나로 모아서 관리가 되도록 useReducer를 쓴다. useReducer는 상태관리 및 데이터 추
useReducer 란?
먼저 useReducer는 useState와 비슷하게 상태를 관리하는데 쓰인다.쓰이는 곳은 비슷하지만 내가 생각하는 두 hook의 차이는 먼저 state의 경우 간단한 문법 때문에 복잡하지 않은 상태관리 어디에서든 쓰일 수 있고 reducer의 경우는 상태관리 로직을