# useReducer

31개의 포스트
post-thumbnail

React Hooks :: useReducer에 대해 알아보기

React가 제공하는 내장 훅(Built-in Hooks) 중 하나인 useReducer에 대해 알아봅시다🤓

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

기술 면접에서 받은 질문 (2) - React 및 기타

요 근래 몇몇 크고 작은 회사에서 기술 면접을 봤다. 받았던 기술 관련 질문들을 정리해 보았다. 이 글에는 React를 비롯한 여러 라이브러리와 기타 프론트엔드 관련된 내용들을 정리했다. Vanilla JavaScript 관련 글은 이전 글에서 정리했다.

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

[TIL] React useReducer

현재 상태와 액션 객체를 파라미터로 받아와서 새로운 상태를 반환해 주는 Hook현재 state와 action 객체를 받아와서 action.type에 따라서 state 값을 반환해주는 함수이다.number - 현재 상태dispatch - 액션을 발생 시키는 함수참조)ht

2021년 2월 22일
·
0개의 댓글
post-thumbnail

React 간단한 평균 계산

벨로퍼트 님의 강의를 들으면서 useState에 대한 예제로 간단한 평균 계산을 하는 예제를 해보았다. 아래의 코드는 useState로 구현 한 것 이다.실행화면useReducer가 useState와 동일하게 상태관리를 할 수 있다는 걸 배운 점에서 이를 useRedu

2021년 1월 27일
·
0개의 댓글
post-thumbnail

useReducer

useReducer는 함수로 보낸 액션을 기반으로 해서 state 상태를 최신의 상태로 바꾸어 줍니다.

2021년 1월 20일
·
0개의 댓글
post-thumbnail

React Hooks 이해하기 (2)

앞서 살펴본 기본적인 3가지 hook 이외에도 React에는 다양한 hook이 존재한다. useReducer useState와 역할은 비슷한데, useState가 제공하는 기능 이외에도 상태 업데이트 로직을 외부 함수로 분리할 수 있는 기능을 제공한다. 그래서 상태를

2021년 1월 18일
·
0개의 댓글
post-thumbnail

useReducer

useReducer로 자주 사용하지는 않았지만 알아둘 필요가 충분히 있다고 생각함.useState로 함수형 컴포넌트에서 State관리를 할수가 있다.useReducer는 state를 업데이트하는 로직이 좀더 복잡할 때 사용하면 유용하다.const \[state, di

2021년 1월 6일
·
0개의 댓글
post-thumbnail

[React] UseReducer 이해하기

이번 시간에는 useReducer에 대해 알아보겠습니다! useReducer VS useState useReducer도 useState처럼 상태값을 관리하는 훅입니다. 일단, useState는 간단한 상태값들을 관리하기엔 매우 편합니다. 하지만 상태값들을 여러개

2020년 11월 29일
·
0개의 댓글
post-thumbnail

Context API Store 분리, 합쳐서 사용해보기

Context API와 useReducer를 통해 상태관리를 할 수 있다. 이번 프로젝트는 Redux를 사용하지 않고 둘을 사용해서 적용하면서 해보고 사용을 하고 있었는데 처음에는 모든 state들을 하나의 store에 저장 해놓고 사용했다. 그리고 state Con

2020년 11월 10일
·
0개의 댓글
post-thumbnail

TS useReducer UseCase

Code Rendering Browser

2020년 10월 25일
·
0개의 댓글
post-thumbnail

[JavaScript] React - useReducer

React useReducer 사용해보기 > 언제 useState를 사용하고, 언제 useReducer를 사용할까요? 여기에 답은 없습니다. 만약 컴포넌트에서 관리한는 값이 한개이고 간단하면 useState가 편합니다. 하지만 관리하는 값이 여러개이고 복잡해진다면

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

여러 개의 state를 useReducer로 관리

실행 결과다음과 같은 화면이 출력

2020년 10월 2일
·
0개의 댓글

[React hooks] useReducer

reducer란 무엇인가요?Re(act State Pro)ducer => Reducerreducer의 정의 정리다시말해, 리듀서라고 불리는 이유는 리듀서가 reduce()함수에서 사용하는 콜백함수이기때문에 리듀서라고 불립니다.(state, action) => newSt

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

react hooks(useReducer, useImperativeHandle, useLayoutEffect)

useReducer, useImperativeHandle, useLayoutEffect 훅에 대한 내용을 다룸

2020년 8월 18일
·
0개의 댓글
post-thumbnail

[React]Hooks - useReducer, useMemo

[React]Hooks - useReducer, useMemo

2020년 7월 29일
·
0개의 댓글

React Hooks #5 useReducer()

codevolution-useContext+useReducer최상위 루트 컴포넌트useReducer로 상태관리할 state, dispatch 생성export Context = React.createContext() 로 context 생성<Context.Provid

2020년 7월 12일
·
0개의 댓글
post-thumbnail

useReducer

redux 에 reducer가 있다.. reducer 는 현재 상태, 그리고 업데이트를 위해 정보를 담은 액션(Action)의 값을 전달 받아 새로운 상태를 반환하는 함수이다

2020년 6월 12일
·
0개의 댓글
post-thumbnail

[TIL] React Native에서 useReducer 실습 <2>

1. useReducer로 rgb(0,0,0) 바꾸기 >버튼을 클릭하면 컬러를 진하게 또는 연하게 하도록 state를 관리하기 먼저 버튼 컴포넌트를 만든다 ColorCounter 컴포넌트를 이제 SquareScreen 컴포넌트에서 불러온다. 이제 ` 컴포넌트 안

2020년 6월 9일
·
0개의 댓글
post-thumbnail

[TIL] React Native에서 useReduce 실습 <1>

⬆︎useState를 사용하여 만든 간단한 컴포넌트!이 컴포넌트를 useReducer를 사용하여 state관리를 해보았다.(물론 이러한 간단한 컴포넌트는 굳이 useReducer를 사용할 필요는 없음)위 reducer 함수 내 switch 에서 사용한 전개연산자(...

2020년 6월 8일
·
0개의 댓글

[TIL] React Hook useReducer를 맛보다(?)

2차 프로젝트를 진행하면서 useState를 많이 사용했었는데, 전체 상태 관리를 하기 위해서는 반드시 Redux를 사용해야하는 것으로 알고 있었다. Udemy에서 React native 공부를 하던 중 React Hook 중에 useReducer라는 것이 있다는 것을

2020년 6월 5일
·
0개의 댓글