# redux

463개의 포스트

#3 Redux

개인적으로 개념을 다지기 위한 리덕스 세번째 시간아주 간단한 카운트를 react-redux로 구현해보자.먼저 react와 redux 환경 세팅을 만들어준 뒤 시작하는 상황! 😂CRA가 아닌 npm으로 하나 하나 세팅을 진행한 건 스킵!

약 3시간 전
·
0개의 댓글

#2 Redux

개인적으로 개념을 다지기 위한 리덕스 두번째

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

[redux-toolkit] state 초기화 / state 전체 내용 바꾸기

velog 트렌드에 있는 ✨갓로퍼트✨님의 Redux 꿀팁 글을 보고 몇 가지를 프로젝트에 적용해보고 있다. 그 중 하나인 redux-toolkit을 일부분 도입했다. redux를 사용하기 위한 여러 설정을 간편하게 할 수 있는 거 같아서 사용하려 했는데

어제
·
0개의 댓글

[blog] 1. start

블로그 만들어야지만 생각만 한지 오래만들자는 느낌이 왔을 때 만들자정리용 - 일정 기간 공부한 내용 복습할 겸 둘러보기홍보용 - 그냥?부가수입 - 과연?reactreduxtypescript - 연습할겸helmetgoogle analyticsgoogle adsensegi

어제
·
0개의 댓글

#1 Redux

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

어제
·
0개의 댓글

Redux 미들웨어

리액트에서의 리덕스와 그 구조에 대해서 간단하게 알아봤다. 하지만 미들웨어란 것이 남았다. 오늘도 마찬가지로 벨로퍼트와 함께하는 모던 리액트강의를 따라해 보겠습니다. 근데 볼수록 리덕스 구조가 생각보다 복잡하다.. 다 알아갈 수 있을까..?이번에도 저번에 Redux 공

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

React-redux & 제네릭에 대해

내가 보기 위해 정리한 React-redux 및 제네릭에 대한 설명

4일 전
·
0개의 댓글

next-redux-wrapper

next-redux-wrapper가 필요한 이유react에 redux를 붙이는건 react app에서는 단 하나의 redux store만 존재하므로 어렵지 않다.하지만 Next.js를 사용하게 되면 유저가 요청할 때 마다 redux store를 새로 생성하게 되므로 r

5일 전
·
0개의 댓글

Redux-persist

Redux-persist란? >redux는 store를 종료하면 저장되어 있던 모든 상태가 없어진다. 따라서 캐시 기능을 구현하는 또 다른 장치가 필요하다. 그 작업을 지원해주는 라이브러리가 redux-persist이다. redux의 store와 localstorag

6일 전
·
0개의 댓글

Redux

Redux란?React의 상태를 관리하는 라이브러리 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜서 더욱 효율적으로 관리 가능, 글로벌 상태 관리도 손쉽게 관리할 수 있다.Keyword1) 액션(Action) : 상태에 어떠한 변화가 필요하게 될 때, 액션을

6일 전
·
0개의 댓글

SPA에 대한 고찰

평소 무분별하게 react를 사용하고 있던 찰나에 한번쯤은 돌이켤 볼 필요가 있다는 생각에 해당 글을 작성한다.

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

TIL. 리덕스로 상태관리하기

리덕스는 자바스크립트를 위한 상태 관리 프레임워크다. 리액트를 사용하는 많은 프로젝트에서 리덕스도 같이 사용하는데 이유는 왜일까?컴포넌트 코드로부터 상태 관리 코드를 분리할 수 있다.서버 렌더링 시 데이터 전달이 간편하다.로컬 스토리지에 데이터를 저장하고 불러오는 코드

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

TIL.58 2차 프로젝트 + 리팩토링 후기

2차 프로젝트 + 리팩토링 후기

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

TIL | Redux, Firebase

TIL Props vs State Props 부모 컴포넌트와 자식 컴포넌트 사이의 관계에서 데이터를 전달할 때는 Props를 이용해야 한다. Props는 부모 컴포넌트에서 자식 컴포넌트로만 전달할 수 있다. 부모 컴포넌트에서 자식 컴포넌트로 데이터가 전달되는

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

redux와 react-redux

시작하기 앞서 리액트를 하며 항상 리덕스와 관련된 이야기가 나왔다. 지금까지 그렇게 깊이 state를 관리할 만한 구성을 해보지 않아서 redux의 도입을 시도하진 않았다. redux를 써보려 해도 복잡한 구조 때문에 포기하곤 했는데 이번기회에 공부해보기로 했다. R

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

[트위터클론] 5. 리덕스 적용

next에서는 store를 컴포넌트에 래핑하기 위해 next-redux-wrapper 를 설치해준다.크롬리덕스 데브툴을 쓰기 위해서 아래와 같이 세팅해준다.

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

TIL | Redux

부모 컴포넌트와 자식 컴포넌트 사이의 관계에서 데이터를 전달할 때는 Props를 이용해야 한다.Props는 부모 컴포넌트에서 자식 컴포넌트로만 전달할 수 있다.부모 컴포넌트에서 자식 컴포넌트로 데이터가 전달되는 과정에서 Props는 변할 수 없다. (immutable)

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

TIL [리덕스 비동기 Redux-Thunk / Cmarket-redux 코드 분석]

리덕스 미들웨어를 사용하면 리액트와 외부 데이터를 연동할 수 있다. 사실 외부 데이터와의 연동없이 리액트 컴포넌트와 내부 state만을 이용해서 모든 것들을 할 수 있기 때문에 미들웨어가 꼭 필요한 것은 아니다. 하지만 미들웨어를 이용하면 우리의 어플리케이션 개발을 좀

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

Redux Saga Effect (take)

특정한 액션을 기다리기 위해서 미들웨어에 알려주는 명령 오브젝트를 생성합니다. 비동기 통신을 하다보면 원하는 타이밍에 데이터를 보여주고 싶을때가 있다.ex)클릭 하면 리스트가 나오는 등등등이럴때 클릭했을때 통신을 날리면 내가 원하던 타이밍에 데이터가 나오지 않을 수 있

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

StarWarsAPI : 2021.02.27 Error: Invalid hook call using 'useQuery' from 'apollo-client'

link : https://ko.reactjs.org/docs/hooks-rules.htmlCall Hook in React Function ComponentORCall Hook in 'Custom Hook'link : https://ko.reactj

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