# redux

653개의 포스트

[Redux] 시작하기

자바스크립트에서 state를 관리할 수 있게 해주는 상태관리 라이브러리이다. React 등 여러 라이브러리에서 사용할 수 있다. 나는 리액트에서 사용하려고 공부한다..!npm install reduximport { createStore } from "redux";con

약 14시간 전
·
0개의 댓글
post-thumbnail

[React/Redux] 메모장 만들기-1

간단한 메모장을 만들어보았다기능은 2가지이다. 엔터누르면 메모가 저장되고누르면 그 메모를 다시 볼 수 있다는 것이다코드 : https://github.com/513sojin/Memopad대충 이렇게 생겼다.redux를 사용했기 때문에 알아야할 부분이 많다red

1일 전
·
0개의 댓글

Typescript 간단한 예제 만들어보기

typescript를 복습하기 위해 기본적인 예제를 만들어보는 시간 next.js, redux, Typescript 를 사용하였습니다. 예제 생성은 npx create-next-app --example with-typescript with-typescript-app

1일 전
·
0개의 댓글

[Redux] Redux의 3가지 원칙

스토어는 하나! 상태는 읽기 전용! 리듀서는 순수 함수!

4일 전
·
0개의 댓글

React redux

redux에 대해 알아보고 간단한 테스트를 해봤습니다. 개인적인 기록 용도입니다.간단히 설명하자면 상태 관리 라이브러리로 액션(Action), 미들웨어(middleware), 리듀서(Reducer), 스토어(Store)가 있다.미들웨어에선 리듀서가 액션을 처리하기 전

6일 전
·
0개의 댓글

[Redux] Redux 기본

redux 기초중의 기초

6일 전
·
0개의 댓글
post-thumbnail

실무 React 7. 장바구니 기능 완성하기

메인페이지 상품 클릭시 각각의 상세페이지로 이동장바구니 +/- 버튼 기능Detail.js 장바구니 추가 버튼 클릭시 상품명 추가이미 있는 상품을 장바구니 추가 누를시 수량만 증가시키기Compo 컴포넌트 정의한곳의 div에 직접 onClick을 달아줘야함redux를 사용

7일 전
·
0개의 댓글

[Redux] Redux 3 Rules

하나의 Application에는 하나의 스토어가 존재해야 한다. 여러개의 스토어를 만드는게 불가능 하지 않지만 효율적인 스토어 관리를 위해서 하나의 스토어에서 상태를 관리하는 것이 좋다.리덕스 스토어의 상태는 읽기 전용이다.이 말은 스토어의 상태에 변화가 있을 때, 불

7일 전
·
0개의 댓글

Redux 기초 (2) : ToDo Application

Redux 기초

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

Redux 기초 (1) : VanillaJS vs VanillaJS with Redux

Redux 사용법 기초

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

실무 React 6. dispatch할 때 데이터 실어보낼 수 있음

(redux의 특유의 복잡성 때문에 미래엔 쉬운 라이브러리로 대체될 가능성이 높음)ex) react effector, react recoil 같은 라이브러리가 있어서 이것도 한번 살펴보자. (recoil은 페이스북 개발자들이 만드는중)설치하면 store, reducer

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

[Redux] Redux Saga 적용해보기

Let's Learn Redux Middleware w/ Redux Saga

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

Next에서 Redux 사용하기

Next에서도 전연 상태관리 Redux를 사용해 봅시다😎

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

Redux stydy_v.1.5 (TIL 65일차)

리덕스 공식 홈페이지에서는 리덕스를 "3개의 근본적이고 중요한 원칙" 으로 설명하고 있습니다.Single source of truth : The global state of your application is stored in an object tree within a

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

실무 React 5. state와 reducer가 더 필요하면

Cart.js 페이지에 alert UI를 하나 추가하고싶음(열기/닫기버튼) UI 버튼 저장할 state하나 더 필요해짐. redux에서 state를 하나 더 만들고 싶으면 어떻게 할지 기록하겠습니다. 일단 요약 2줄! reducer가 여러개 필요하면 그냥 다른 이름의 reducer2와 reducer2의 초기값 하나 더 생성 이걸 combineReducer(...

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

[Redux] 리덕스 미들웨어와 Redux Thunk

Let's Learn Redux Middleware w/ Redux Thunk!

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

실무 React 4. reducer/dispatch로 데이터 수정하는 법

state 데이터의 수정방법을 index.js에다가 미리 정의해놓고 (일명 reducer)index.js에게 수정좀 해달라고 부탁하셔야합니다. 데이터수정하는 reducer 만드는 법데이터 수정하는 법은 reducer로 만들어줍니다.reducer는 그냥 function

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

[TIL] React/Redux

이전 상태를 참조하지 않아도 될때setState(새상태 객체)이전 상태를 참조해야될 때setState((이전상태,props)=>{return 새상태 객체})immutablilityreact에서는 상태 값을 assign해서 바꾸지 않는다.push, splice, pop,

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