# reducer

13개의 포스트

[ Redux ]

리덕스ReduxRedux는 JS 앱을 위한 예측 가능한 상태 컨테이너를 말한다.서로 다른 환경(서버, 클라이언트, 네이티브)에서 작동하고, 테스트하기 쉬운 앱을 작성하도록 도와준다. '굳이' 리덕스를 사용해야하는 이유 : 멀리 떨어진 컴포넌트끼리 상태값을 교환할 때 복

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

내가 이해 하려고 정리한 리액트 리덕스

더이상 미룰 수 없어 정리한 리덕스... 8ㅅ8

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

[React] 14. React-Redux 예제 (Redux O)

이번에는 Redux를 적용한 예제를 만들어 보겠습니다. 전 게시글에서 만들었던 화면과 동일한 예제입니다. 일단 구조는 데이터를 받아 화면에 뿌려주기만하는 컨테이터 컨포넌트* components* 폴더를 만들고, 그 안에 AddNumber.jsx, AddNumberRoo

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

[React] 12. Redux (리덕스 사용 o/x)

이번에는 동일한 화면에 대해 Redux를 사용하고 사용 안하고의 소스차이점을 보도록 하겠습니다.만들 예제는 아래 내용입니다.버튼을 누를때 전체 색이 변하는 예제입니다.whithout-redux.htmlwhithout-redux.html 소스는 html만 사용하여 만들었

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

[React] 10. react-hooks(useReducer)

useReducer 는 useState 보다 컴포넌트에서 더 다양한 상황에 따라 다양한 상태를 다른 값으로 업데이트해주고 싶을 때 사용하는 Hook 입니다.reducer는 Redux를 공부할 때 도움이 되니 조금 알아보도록 하겠습니다.리듀서는 현재 상태와, 업데이트를

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

React - TodoList (2)

사용 개념 > styled-components를 통한 컴포넌트 스타일링 (이전 게시글) Context API를 사용한 전역 상태 관리 (이번 게시글!) Context API >* [ 이전 Stae 관리 ] : 상위 컴포넌트에서 하위 컴포넌트로 State를 전달하기

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

Redux 직접 만들어보기!

현재 우아한 테크 러닝 3기를 듣고 있다....!9월 한달 간 총 8번 진행되는 온라인 교육이다.(원래 오프라인이었는데 코로나의 영향으로 온라인 수업으로 바뀌었다고 한다.)(오프라인이었다면 총원이 30명이었다고.. 온라인으로 전환되서 신청된게 아닐까 싶다..ㅎㅎ)이번주

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

[React 리팩토링 #4] 예발자 프로젝트에 Redux 적용하기

사실 예발자 프로젝트는 앱 규모가 복잡하지 않고, 동적으로 state 값이 변할 일이 없기 때문에 굳이 상태관리 라이브러리가 필요 없을수도 있겠지만, 편리함을 경험해보자는 취지로 redux를 사용해보기로 했다.

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

configureStore, createSlice

configureStore redux redux toolkit 외관상으로는 함수만 바뀐 것 같지만, default 값이 추가 되었다. => devtool, middleware, preloadedState, enhancers createSlice redux

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

나만을 위한 Redux 정리

저장할 매체인 Store을 호출한다.데이터들이 여기에 담겨서 저장하고 관리한다.createStore을 사용하기 위해서는 reducer 라는 친구가 필요하다.reducer는 함수형태이기만 하면 된다.대충 정리해보자면이런 식으로 createStore 안에 reducer를

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

React with hooks(useReducer)

useReducer

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

Redux 적용하기 (함수형, Class 형)

React에서 가장 많이 사용 되는 Redux 에 대하여 조금은 바닥 부터 정리를 해봤습니다.물론 저의 글이 읽기가 진 않아서 개념 정리 보다는 코드로 풀어보도록 하겠습니다.먼저 개념 정리는 Velopert 님 께서 아주 잘 정리해주셔서 이를 참고 하도록 하겠습니다.요

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

React API 연동

API가 필요한 이유 React는 Front-end에서 사용 그 말은 즉, 데이터를 모두가 사용할 수 있게 저장할 수 없다는 것을 의미하고, 또 그것은 다른 사용자와의 데이터 공유가 이뤄질 수 없음을 의미 따라서 API Server를 구축해 쓰거나, 남이 만든 것을 가져와서 쓰면, 값을 조작할 경우 API Server가 갱신이 되면서, 같은 API Ser...

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