# react redux

55개의 포스트

리액트-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일
·
0개의 댓글
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

노마드 코더 [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개의 댓글
post-thumbnail

#13 Today I Learned - 21.01.20

mini project : Redux Movie App ❗️ javascript : axios로 받아온 state 값 assign 하기

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

#12 Today I Learned - 21.01.19

mini project : Redux Movie App ❗️ github : git commit edit, delete tutorial

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

#11 Today I Learned - 21.01.18

mini project : Redux Movie App

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

realworld-example::react-redux

이 글은 RealWorld example의 react-redux version을 보며 느꼈던 내용을 담고 있는 일종의 감상문입니다. 따라서 지식 전달에 목적을 두지 않습니다.

2021년 1월 16일
·
2개의 댓글
post-thumbnail

#10 Today I Learned - 21.01.16

mini project : Redux Movie App ❗️ antd : import antd css

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

#9 Today I Learned - 21.01.15

mini project : redux todo list ❗️ github : git push tutorial ❗️ es6 : filter() ❗️ javascript : json.stringify()

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

#7 Today I Learned - 21.01.12

mini project : redux todo list ❗️ react : prop-types

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

리덕스 dispatch와 render의 관계

dispatch가 일어나면 가상 돔 렌더가 일어난다

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