# useReducer

105개의 포스트
post-thumbnail

React Hook(useMemo, useCallback, useReducer)란?

useMemo, useCallback란? memoization의 약자 언제 사용할까 ? 개발 중 react가 함수형 컴포넌트를 다루기 때문에 렌더링 될 때 항상 필요없는 함수까지도 재호출되는 경우를 많이들 봤을 것이다. 이건 지금 필요없는데 렌더

2022년 11월 23일
·
0개의 댓글
·
post-thumbnail

[React] Hooks

Hooks(useState, useEffect, useReducer, useCallback, useRef, custom Hooks)

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

React Hooks

React Hooks Hooks는 리액트 v16.8에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을

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

useReducer에 대해 알아보기

useReducer 란 useReducer는 useState처럼 state를 생성하고 관리할 수 있게 해주는 도구이다. useReducer은 언제 사용하는게 좋은가 state의 여러개의 하위값을 포함하는 복잡한 state를 다뤄야할 때 코드도 깔끔해지고 유지보수도 편

2022년 11월 20일
·
0개의 댓글
·
post-thumbnail

리액트 #7 useReducer

useReducer에대한 기록.. 이 강의만 네번보고 이해했다..

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

useReducer

→ Open in SliduseReducer image‏‏‎ ‎useReducer image‏‏‎ ‎useReducer image‏‏‎ ‎useReducer image‏‏‎ ‎useReducer image‏‏‎ ‎useReducer imageuseReducer imag

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

[React] useState vs useReducer

🤔상태관리를 위한 useReducr? 상태관리를 하는 방법들은 많다. 흔히 useState를 통해서 관리할 수 있고 context를 사용하여 전역변수로 사용한다던가 Redux와 같은 라이브러리를 사용하기도 한다. 이 수많은 상태관리 방법 중에 useReducer를 사

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

[React] useReducer 를 활용한 출석부

reducer함수에는 주로 if문과 switch문이 사용된다dispatch 내 action의 내용은 여러가지가 있는데 type, payload, id를 주로 사용한다 \- type은 reducer 함수 내의 switch문을 사용할 때 주로 사용된다(어떤 행동인지 알려

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

[React]useReducer

위와 같이 Reducer를 선언한다.선언한 배열의 첫 번째 인자인 state는 상태값이고 두 번째 인자인 dispatch는 행동을 추적하는 함수이다. 행동을 추적하여 감지된 행동에 따라 다른 함수를 가져와 실행할 수 있다. useReducer의 함수의 첫 번째 인자로

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

[React] useReducer

컴포넌트에 state를 관리하고 생성하기 위해서 지금까지 useState를 사용해왔다하지만 useReducer는 useState를 대체할 수 있는 hook이다useState보다 더 복잡한 상태관리를 위한 hook이라고 할 수 있다useReducer는 reducer, d

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

useReducer

리액트에서 상태를 관리할 때, 조금 더 복잡한 상태관리를 위해서는useState가 아닌 useReducer를 사용한다.

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

React

useReducer ? > 컴포넌트의 상태를 관리할 수 있는 React 훅. +state 의 대안+ useState / useReducer 공통점 > 둘 다 상태를 만들고 업데이트 한다. useState / useReducer 차이점 > 업데이트 방식 useState에서는 setState 함수를 사용하여상태를 업데이트 하지만 useReduce...

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

useReducer

useState의 대체 함수이다\*reduce: 이전 상태를 새로운 상태로 변경할 때 사용되는 함수(state, action) => newState의 형태로 reduecer를 받고 dispatch 메서드와 짝의 형태로 현재 state를 반환한다 다수의 하윗값을 포함하는

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

리액트 useReducer로 state 관리하기

useState처럼 state 생성, 관리를 할 수 있도록 도와준다.state가 많고 복잡할 때 useReducer를 사용하면 코드를 깔끔하게 사용 및 유지보수에도 도움이 된다.useReducer의 핵심 3가지reducerdispatchactionuseReducer를

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

[TIL] useReducer

🤔 useReducer Hook에 대해 정리한 글입니다.useRedcuceruseState 를 대체하는 상태 관리 Hook이다.🙋‍♀️ useState와의 차이점컴포넌트 상태 업데이트 로직을 컴포넌트에서 분리하여 작업할 수 있다.이전 state와 다음 state가

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

리액트 토이 프로젝트 #3 - 투두리스트 useReducer 사용하기

state 관리를 위해 useReducer를 사용해보았다.이번에 추가할 기능은 + 버튼을 눌렀을 때 input에 작성한 내용을들 add 버튼을 누르면 메인 페이지에 나타나도록 만들어보았다.useReducer 처음 사용해봐서 구글링하는데 거의 시간을 보낸 것 같다.먼저

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

todolist만들기(1) useReducer, useContext

todolist를 만들며 useReducer와 useContext를 사용하게 되어 정리해 보았다.useState와 함께 상태관리를 할때 사용하는 훅으로 useContext와 함께 사용하는 경우가 많다.순서대로 살펴보자면 reducer는 state를 인자로 받고 변경된

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

React - useReducer

useState의 대체 함수로 다수의 하윗값을 포함하는 복잡한 정적 로직을 만들거나 state가 이전 state에 의존적인 경우에 사용한다. 또한 useReducer는 자세한 업데이트를 트리거하는 컴포넌트의 성능을 최적화할 수 있게 하는데, 이것은 콜백 대신 dispa

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

useReducer

useState처럼 state를 todtjd하고 관리할 수 있게 해주는 hook 복잡한 하윗값을 쓰게 될때 useState대신 useReducer을 사용하면 좋아여

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

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

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

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