# useReducer

15개의 포스트
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개의 댓글

useReducer / useContext

타입스크립트로 리액트 Hooks 사용하기 타입스크립트를 사용하는 리액트 컴포넌트에서 useState / useReducer를 사용하여 컴포넌트 상태를 관리할 수 있다. useRef를 사용하여 컴포넌트 내부에서 관리하는 변수 및 DOM을 이용할 수 있다.

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

[TIL] <2020.5.18> React + Typescript(useReducer)

첫 밸로그 글이고 글을 자주 안써서 못 쓰는 점 감안하고 읽어주세요. 우선 typescript를 적용하기 이전의 react(useReducer)의 사용법부터 알아보겠습니다. 위와 같은 형태이다. 이제 타입스크립트를 적용했을 때를 비교해보자 기본적으로 ts를 적용

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

React hook 2

useReducer 리듀서는 현재 상태, 그리고 업데이트를 위해 필요한 정보를 담은 액션값을 전달받아 새로운 상태를 반환하는 함수이며 새로운 상태를 만들 때는 반드시 불변성을 지켜주어야 한다. useCallback 함수를 기억해서 다시 렌더링될 때 해당 함수가 생성되

2020년 4월 26일
·
0개의 댓글

useReducer Hook

useReducer Hook? 상태 업데이트에 주로 썼던 useState 뿐만 아니라 useReducer로도 업데이트 가능 차이점 useState()에서는 설정하고 싶은 다음 상태를 직접 지정해주는 방식으로 업데이트 useReducer()에서는 action을 기반으로 상태 업데이트, 업데이트 시 action참조 업데이트 시 참조하고 싶은 값이 있다면 di...

2020년 2월 3일
·
0개의 댓글
post-thumbnail

React 강좌) trendy React 2-4. useMemo 알아보기

퍼포먼스 최적화와 가독성에 도움을 주는 useMemo를 알아봅니다.

2019년 4월 18일
·
4개의 댓글
post-thumbnail

React 강좌) trendy React 2-2. Custom Hooks 알아보기

React Hooks를 조금 더 유연하게 사용할 수 있는 방법인 Custom Hooks를 알아봅니다.

2019년 4월 18일
·
1개의 댓글
post-thumbnail

React 강좌) trendy React 2-1. React Hooks 기본-하

useState 함수와 useEffect 함수를 조금 더 유연하게 사용하는 방법을 알아봅니다.

2019년 4월 18일
·
1개의 댓글
post-thumbnail

React 강좌) trendy React 2-0. React Hooks 기본-상

상태State 개념과 React Hooks를 소개하고, useState와 useEffect를 작성하는 방법을 알아봅니다.

2019년 4월 18일
·
2개의 댓글