# react redux

58개의 포스트

react-redux

react-redux Providercf. redux order1\. event 발생 ->2\. action 생성함수로 action을 생성하여 store로 dispatch(처리요청) 함 ->3\. action을 받은 store는 reducer에게 action을 분석해서

2021년 8월 31일
·
0개의 댓글
post-thumbnail

React에서 Redux를 사용해보기

- https://maaani.tistory.com/153 import 제대로 연결 안됬을 때 오류 해결법 Redux 구성요소 1. Action 상태에 어떤 변화가 필요할 때 발생시킬 객체들. 액션객체에는 type필드를 필수로 갖고 있어야 하며, 통상적으로 대문자로

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

useSelector 정리

useSelector를 사용하는 방법을 흐름에 따라서 간단히 정리해 보도록 하겠습니다.처음에 어떻게 사용하는지 잘 몰라서 많이 해맸었는데, 이 글을 보고 쉽게 이해하셨으면 좋겠습니다. 먼저 흐름은 아래와 같습니다먼저 REDUCER정의→ INDEX 정의→ COMPONE

2021년 8월 24일
·
0개의 댓글
post-thumbnail

Redux 정리(1)

추리고 추린 redux 정리!!제 생각에 중요하다고 생각되는 부분들만 넣었습니다! 추가적으로 어렵거나 없는 부분이 있는경우에는 따로 찾아보셔서 공부하시는게 좋을 거 같습니다! 상태에 어떤 변화가 필요할시에 액션이 발생한다즉, 말 그대로 어떤 행동이 벌어지는 것액션 객체

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

React Redux, Ducks Pattern 적용하기

Ducks pattern 을 적용하기 전에 redux의 폴더 구조를 action, reducer, actionTypes(Action type은 Action과 Reducer에서 둘 다 쓰이기 때문에 따로 분리해서 관리하기도 함) 폴더로 나누어서 관리를 했다.이런식으로 C

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

[TIL #8] React - Redux, react-redux 예제

앞서 다뤘던 Redux와 react-redux 라이브러리를 이용한 간단한 카운터 예제를 작성해보았다..😨나는 함수형 컴포넌트를 선호하는데 사람들은 죄다 클래스형 컴포넌트 예제를 작성해놔서.. 예제 찾다가 머리가 다 빠질 뻔 했다..일단 첫번째는 내가 잘 사용하지 않는

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

#TIL42, React 리덕스로 상태 관리하기

개인 공부를 위해 작성했습니다자바스크립트를 위한 <span style="color:리액트를 사용하는 많은 프로젝트에서 리덕스도 같이 사용하는데, 그 이유는컴포넌트 코드와 상태 관리 코드의 분리가 가능하고SSR시 데이터 전달이 간편하다리액트 컨텍스트보다 효율적인 렌

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

Redux가 필요한 이유

Redux를 사용하면 state를 전역으로 선언해서 관리가 가능해진다. state가 업데이트되는 시기, 위치 등과 그 로직에 대해 이해하기 쉬워진다.

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

리액트-Redux 사용하기.2 - Reducer

이전의 Redux사용 리액트 프로젝트에서 +버튼을 눌렀을때 수량이 증가하도록 state를 변화시키기 위해 Reducer를 사용합니다.Reducer는 state의 변경(수정)을 정의해두는 부분으로 함수로 만들 수 있습니다.그리고 dispatch()함수를 이용하여 HTM

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

리액트-Redux 사용하기.1

redux를 공부한대로 쉽게 접근하려고 해요.일단 redux(리덕스)는 react나 vue.js에서 많이 사용되는 상태관리 라이브러리입니다.(바닐라.js에서도 사용가능합니다.)리액트 공부중이라서 리액트 위주로 사용해보려고 합니다.redux를 사용하는 이유는 리액트의 모

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

React Redux :: React Redux 입문 (Provider, Connect, mapStateToProps, mapDispatchToProps)

간단한 To-do List를 React Redux로 구현해보며, React에서 Redux를 사용하는 방법을 익혀봅시다⭐️

2021년 5월 12일
·
2개의 댓글
post-thumbnail

React-Redux #2

Action을 하기 전에 state가 구상되어 있어야 한다.액션은 사실 그냥 객체 입니다. (플레인 객체)두 가지 형태의 액션이 있습니다.{type:'TEST'} // payload없는 액션{type: 'TEST', params: 'hello'} // payload 있

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

[redux] 리덕스 때문에 미친다...

goalredux 때문에 미치기 직전인데, 그래도 일단 구현을 해야한다.개념은 전보다 뚜렷하게 이해가 되는데, 막상 코드 쓰려니까 겁난다.뚫고 앞으로 나아가야 한다. 반드시.Let's go!User 가 상태를 바꾸면 -> Action 에서 객체를 보내. -> Reduc

2021년 4월 14일
·
0개의 댓글
post-thumbnail

[React] 노마드 코더 [ReactJS로 영화 웹 서비스 만들기] 리덕스와 인피니티 스크롤 적용하여 무한으로 즐기기

들어가기 앞서 위 글은 기존 노마드 코더님의 강의인 'ReactJS로 영화 웹서비스 만들기'를 바탕으로 공부한 부분을 적용하여 리뉴얼 하였습니다. 기존 클래스형 컴포넌트에서 함수형 컴포넌트로 변경한 후에, 리덕스 및 리듀서를 통해 데이터를 관리할 수 있도록 만들었습니

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

import {combineReducers, createStore, applyMiddleware, compose } from 'redux ' 란 무엇인가?

redux를 사용시, 유의할 점은 앱에 하나 이외의 스토어를 만들면 안된다는 것이다. 대신 여러개의 reducer를 하나의 rootReducer로 묶어서(통합된 하나의 스토어를 만들기 위함) 사용하기 위해 combineReducers가 필요하다앱 내에, 단 하나만 존재

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

React Redux TodoList -2

TodoApp 두 번째 시간추가적으로 작업한 내용!첫 번째 - 완료한 리스트에 체크 표시하기.두 번째 - 완료하지 못한 리스트 갯수 표기하기.세 번째 - emotion을 사용한 css 작업그럼 done값을 사용하여 몇개의 일이 남았는지 표기해보자.이제 체크박스를 활용한

2021년 3월 17일
·
0개의 댓글

React Redux TodoList -1

이번에는 react, redux를 사용한 TodoApp을 만들었다.CRUD의 연습을 위한 작업이었다.C : Create (생성)R : Read (읽기)U : Update (수정)D : Delete (삭제)전문적인 느낌은 아니지만, 기능을 어떻게 구현했는지 하나하나 기록

2021년 3월 16일
·
0개의 댓글

#1 Redux

상태를 전역으로 관리해주는 도구현재는 Jotai, recoil, zustand 등 많은 도구들이 있지만,Redux에 대해서 한번 더 개념을 잡고자 이 글을 작성합니다.component 에서 dispatch를 통해 action을 호출한다.action에서 정의된 내용이 r

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

53일차 (02-23-2021)

이론으로만 배웠던 리액트-리덕스를 스프린트를 통해 직접 접해보았다. 물론 스프린트 코드는 처음부터 다 짜여져 있고 우린 거기서 핵심 부분만 추가를 하여 테스트를 통과를 하면된다. 하다보면서 느낀건 역시 직접해봐야 이해가 가는구나 싶었다. 추상적으로만 생각했던 요소들 네

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

블로그만들기(5) - Redux

리덕스는 Flux 개념을 바탕으로 한 React에서 가장 많이 사용되고 있는 상태(State)관리 라이브러리로써 여러 컴포넌트에서 존재하는 State와 State관련 로직들을 다른 파일로 분리시켜 효율적으로 관리할 수 있게 도와줍니다.또한, 컴포넌트끼리 State를 공

2021년 2월 16일
·
0개의 댓글