# reducer

68개의 포스트

styled-components와 Redux를 사용해서 Bucketlist-app 만들기

React, TypeScript, and Redux from 독학styled-components from 노마드코더5월 한 달 동안 doit 모던 리액트 타입스크립트 책을 보며 리덕스까지 공부했다.최근 노마드 코더 리액트 스터디에 등록해서 styled-component

5일 전
·
0개의 댓글
·

combineReducers 활용해서 reducer 합치기

어떻게 합치는지는 이해하기 쉽다. 그런데 정작 사용하려니 useSelector를 사용한 component부터 어떻게 작동하는지 그 원리를 이해하기가 굉장히 까다로웠다.일단 전체적인 코드부터 보자.ClockTest.tsx가 setClock 함수를 dispatch 한다.

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

리덕스 reducer와 useReducer 차이

두잇 리액트 타입스크립트 (~p.389) 공부중, redux와 reducer의 개념이 나오기 시작하면서 진도가 확 느려졌다. 며칠 째 이것만 이해하느라 노력중이다. 일단 이해한 내용 중 가장 와닿는 부분만 정리하고자 한다. (비전공자는 슬프다...)아래 두 코드의 차이

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

[성능개선] 상-하위 컴포넌트끼리 발생하는 리렌더링

1. context를 무분별하게 사용하지 말기, 2. 상태값은 하위로 내릴 수 있을 만큼 내리기, 3. 약간의 context, reducer 사용법을 알 수 있습니다

2023년 4월 30일
·
0개의 댓글
·

reduce로 객체 만들기

배열의 값을 키로 활용해 객체를 만드는 법을 찾던 중에 reduce를 이렇게 사용할 수 있다는 것을 발견했습니다. 작지만 특이한 용례입니다.화살표 함수에 반환하는 자리에 괄호로 반환하는 값만 아니라 할당하는 문장을 작성도 가능했습니다. 그리고 새로 만들고 참조할 객체를

2023년 4월 25일
·
0개의 댓글
·

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

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

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

Reducer

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

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

[TIL] 2023-02-16

리덕스redux - 리듀서reducer

2023년 2월 16일
·
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개의 댓글
·

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

참고: 모던 자바스크립트: 선언하기 전 사용할 수 있는 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일
·
1개의 댓글
·
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개의 댓글
·