# reducer

63개의 포스트

Reducer 와 Context 를 같이 써보자 - new 리액트 공식문서

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

5일 전
·
0개의 댓글
·
post-thumbnail

Reducer

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

2023년 2월 18일
·
0개의 댓글
·

TIL.23.02.13. - reducer return list

조금 예시를 바꾸니 당황했습니다.

2023년 2월 13일
·
0개의 댓글
·
post-thumbnail

[React] react + redux

redux 쉽지 않다

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

useReducer()

reducer(state, action), dispatch

2023년 1월 12일
·
0개의 댓글
·

TCA의 State, Action, Reducer

TCA의 State, Action, Reducer

2023년 1월 9일
·
0개의 댓글
·
post-thumbnail

[Front-End] Redux란?

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

2023년 1월 7일
·
0개의 댓글
·
post-thumbnail

230105 리덕스 복습

리액트 쿼리 공부에 들어가기 전에 리덕스 구조에 대해서 한번 더 복습하면 좋을 것 같아 틈틈히 만들었다!그리고 어제 다른 분들과 이야기하면서 THUNK와 REACT-QUERY에 대해 뭔가... 제대로 말하지 못했다는 점이 아쉬워서 틈틈히 만들어봤다 (사실 무한스크롤이

2023년 1월 5일
·
0개의 댓글
·

[React] useReducer

useReducer 복잡한 상태 변화 로직을 컴포넌트 밖으로 꺼내기 위해 사용한다.

2022년 12월 26일
·
0개의 댓글
·

[개념] 호이스팅, 순수함수

참고: 모던 자바스크립트: 선언하기 전 사용할 수 있는 varMDN Hoisting호이스팅: 변수가 끌어올려지는 현상.var로 선언한 모든 변수는 함수의 최상위로 끌어올려짐.변수의 선언과 변수에 값을 할당하는 단계를 분리한 후, 선언만 함수의 최상단으로 끌어올리는 것

2022년 12월 22일
·
0개의 댓글
·
post-thumbnail

authenticate, redux (2)_front

들어가기login, register부분의 front부분을 알아본다.front부분은 redux를 사용하기 떄문에, 어려울 수 있는데, 이번 로직으로 확실히 배워보자.

2022년 12월 15일
·
0개의 댓글
·

authenticate, redux (1)_back

들어가기1\. authenticate 관련해서, backend부터 시작해봅니다.DB만드는 방법, DB connect를 확인한다.

2022년 12월 13일
·
0개의 댓글
·
post-thumbnail

[study] Redux 기본

이전 스터디에서 next.js 와 함께 Redux 를 쓰는 방법을 익혔었는데 React 에서 Redux를 쓰는 법이 궁금해졌다. 벨로퍼트님의 모던 리액트 정리해놓은 자료를 보면서 Redux에 대해 정리해보려고한다. 리덕스 설치 루트 디렉터리에 가서 redux 와 re

2022년 10월 27일
·
0개의 댓글
·

[Redux] createStore - 구현편

createStore 는 전역 상태(state) 를 가지고 있고 관리하는 store 객체를 생성하는 함수이다. 그리고 store 는 getState, subscribe, dispatch API 를 제공한다.createStore 는 함수의 인자로 reducer 를 받는데

2022년 10월 14일
·
0개의 댓글
·

Effect & Reducer

리액트 개발자로써 꼭 알아야 할 Effect,Reducer,Context를 정리 Effect의 사용법 복잡한 상태를 Reducer로 관리하는 법 여러 개의 컴포넌트에 영향을 주는 state는 context라는 개념 1. side Effect란 무엇이며 useEffe

2022년 10월 5일
·
0개의 댓글
·
post-thumbnail

[React] 쇼핑몰 만들기(part2)-3

/cart로 접속하면 장바구니 페이지를 보여주기일단 <Route path="/cart" element{<Cart/>} 추가Redux는 props 없이 state를 공유할 수 있게 도와주는 라이브러리js 파일 하나에 state를 보관하고 모든 컴포넌트가 직접

2022년 9월 8일
·
0개의 댓글
·

[리액트를 다루는 기술] useReducer를 이용해 counter 및 input 관리

reducer 함수 생성 후 switch로 action.type 별로 분류useReducer로 state와 dispatch 비구조할당첫 매개변수: 사용할 reducer 함수두 번째 매개변수: state의 초기값dispath()에 들어간 값으로 판별dispatch(e.t

2022년 9월 2일
·
0개의 댓글
·
post-thumbnail

리듀서 싫어도 왜 쓰는지는 알아야겠죠?

리듀서가 디멘터냐! 익스펙토 페트로늄!

2022년 9월 1일
·
1개의 댓글
·

TIL-React(4)

Reducer와 context Reducer 상태관리 하나의 데이터가 어떤 작업을 하는지는 코드를 살펴봐야지만 알 수 있다. (데이터 추가, 제거, 수정..등) 그래서 하나로 모아서 관리가 되도록 useReducer를 쓴다. useReducer는 상태관리 및 데이터 추

2022년 8월 13일
·
0개의 댓글
·

useReducer 란?

먼저 useReducer는 useState와 비슷하게 상태를 관리하는데 쓰인다.쓰이는 곳은 비슷하지만 내가 생각하는 두 hook의 차이는 먼저 state의 경우 간단한 문법 때문에 복잡하지 않은 상태관리 어디에서든 쓰일 수 있고 reducer의 경우는 상태관리 로직을

2022년 8월 11일
·
0개의 댓글
·