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

[redux-toolkit] state 초기화 / state 전체 내용 바꾸기
velog 트렌드에 있는 ✨갓로퍼트✨님의 Redux 꿀팁 글을 보고 몇 가지를 프로젝트에 적용해보고 있다. 그 중 하나인 redux-toolkit을 일부분 도입했다. redux를 사용하기 위한 여러 설정을 간편하게 할 수 있는 거 같아서 사용하려 했는데
[blog] 1. start
블로그 만들어야지만 생각만 한지 오래만들자는 느낌이 왔을 때 만들자정리용 - 일정 기간 공부한 내용 복습할 겸 둘러보기홍보용 - 그냥?부가수입 - 과연?reactreduxtypescript - 연습할겸helmetgoogle analyticsgoogle adsensegi
#1 Redux
상태를 전역으로 관리해주는 도구현재는 Jotai, recoil, zustand 등 많은 도구들이 있지만,Redux에 대해서 한번 더 개념을 잡고자 이 글을 작성합니다.component 에서 dispatch를 통해 action을 호출한다.action에서 정의된 내용이 r
Redux 미들웨어
리액트에서의 리덕스와 그 구조에 대해서 간단하게 알아봤다. 하지만 미들웨어란 것이 남았다. 오늘도 마찬가지로 벨로퍼트와 함께하는 모던 리액트강의를 따라해 보겠습니다. 근데 볼수록 리덕스 구조가 생각보다 복잡하다.. 다 알아갈 수 있을까..?이번에도 저번에 Redux 공
next-redux-wrapper
next-redux-wrapper가 필요한 이유react에 redux를 붙이는건 react app에서는 단 하나의 redux store만 존재하므로 어렵지 않다.하지만 Next.js를 사용하게 되면 유저가 요청할 때 마다 redux store를 새로 생성하게 되므로 r
Redux-persist
Redux-persist란? >redux는 store를 종료하면 저장되어 있던 모든 상태가 없어진다. 따라서 캐시 기능을 구현하는 또 다른 장치가 필요하다. 그 작업을 지원해주는 라이브러리가 redux-persist이다. redux의 store와 localstorag
Redux
Redux란?React의 상태를 관리하는 라이브러리 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜서 더욱 효율적으로 관리 가능, 글로벌 상태 관리도 손쉽게 관리할 수 있다.Keyword1) 액션(Action) : 상태에 어떠한 변화가 필요하게 될 때, 액션을

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

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

redux와 react-redux
시작하기 앞서 리액트를 하며 항상 리덕스와 관련된 이야기가 나왔다. 지금까지 그렇게 깊이 state를 관리할 만한 구성을 해보지 않아서 redux의 도입을 시도하진 않았다. redux를 써보려 해도 복잡한 구조 때문에 포기하곤 했는데 이번기회에 공부해보기로 했다. R
[트위터클론] 5. 리덕스 적용
next에서는 store를 컴포넌트에 래핑하기 위해 next-redux-wrapper 를 설치해준다.크롬리덕스 데브툴을 쓰기 위해서 아래와 같이 세팅해준다.

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

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

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