# useReducer

41개의 포스트

리액트 입문(1장) 복습 및 정리

1. 리액트란? 리액트란 페이스북에서 만든 사용자 UI 구축을 위한 라이브러리입니다. 리액트는 처음엔 페이스북 핵심 기능인 뉴스피드 개발 목적으로 만들어졌고 나중에는 인스타그램에서도 리액트를 사용하게 되었습니다. 2013년도에는 페이스북 직원이 아니여도 쓸 수 있도

2021년 7월 19일
·
0개의 댓글
post-thumbnail

React에서 Axios 사용하기

axios를 사용해서 GET, PUT, POST, DELETE 등의 메서드로 API 요청이 가능합니다. 각각의 기능은 다음과 같습니다.GET: 데이터 조회POST: 데이터 등록PUT: 데이터 수정DELETE: 데이터 제거config 설정을 axios()에 전달하여 요청

2021년 7월 15일
·
0개의 댓글

useContext,useReducer로 로그인 구현하기

# 작업 전 폴더 구조 * AppRoute - 인증된 사용자만 액세스 할 수 있게 만드는 구성요소 (로그인 안되어있으면 Redirecte됨) * action.js - 우리가 필요로 하는 다양한 context 객체와 로직을 구성하는 hooks를 초기화 하는 곳 * r

2021년 7월 13일
·
0개의 댓글
post-thumbnail

(TIL11) React 함수형 컴포넌트_useReducer

1. useReducer란❓ 2. useReducer사용법 3. useState코드와 useReducer코드 비교해보기

2021년 7월 13일
·
0개의 댓글
post-thumbnail

TIL.useContext와 useReducer함께 사용하기

Context API는 상태의 중앙관리를 위한 상태관리 도구리덕스와 다르게 여러 저장소가 존재할 수 있다. Context API는 크게 전역 상태가 저장되는 context, 전역 상태를 제공하는 provider, 전역 상태를 받아 사용하는 consumer로 나뉜다con

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

[useReducer] 컴포넌트 상태 업데이트

상태 기반의 업데이트 해주기

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

useReducer Hook

useReducer : 상태를 업데이트하는 Hook useState와의 차이점 useState 설정하고 싶은 다음 상태를 직접 지정하는 방식으로 상태 업데이트 useReducer Action 객체를 기반으로 상태를 업데이트한다. Action 객체 : 상태를

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

TIL : getBoundingClientReact, React 내장 훅, 함수형 컴포넌트

요소의 크기와 viewport에 대한 요소의 위치에 대한 정보를 제공하는 DOMRect개체를 반환한다.메모이제이션된 값을 반환한다. 첫 번째 인자로는 함수, 두 번째는 의존성 값의 배열을 전달한다.의존성이 변경되었을 때만 첫 번째 인자에 전달한 함수가 실행된다.즉, 의

2021년 5월 26일
·
0개의 댓글
post-thumbnail

React - useReducer

react.js useReducer 포스트.

2021년 5월 13일
·
0개의 댓글
post-thumbnail

Hooks-useReducer 공부하기

5월4일 (수) 오늘의 TIL 주제 react hooks에서 사용하는 useReducer() 간단 설명Reducer 함수현재상태(state)와 액션객체(actrion)를 파라미터로 받아와서 새로운 상태를 반환해주는 함수action 은 업데이트를 위한 정보를 가지고 있어

2021년 5월 4일
·
0개의 댓글
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개의 댓글