# redux

1649개의 포스트
post-thumbnail

[Redux] 1. Redux 시작해보자

이전 포스트에, 리덕스가 뭔지, 리덕스를 왜 쓰는지 알아봤음 근데

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

Redux Toolkit #1

Redux Toolkit 을 좀 더 학습하고 적용해보고자 시작하게되었다. 일단 최상단 App을 중심으로 여러개의 component로 구성된 나만의 사이트를 만들었다. user데이터의 단방향 흐름을 양방향 흐름으로 바꾸어주고자 상태관리 라이브러리 redux를 사용할 예정

약 20시간 전
·
0개의 댓글
·

React Redux Toolkit

Redux(리덕스)란 JavaScript(자바스트립트) 상태관리 라이브러리이다.상태를 예측 가능하게 만든다. (순수함수를 사용하기 때문)유지보수 (복잡한 상태 관리와 비교)디버깅에 유리 (action과 state log 기록 시) → redux dev tool (크롬

약 20시간 전
·
0개의 댓글
·

Boiler-plate: Sign-up & Log-in and out

Boiler-plate: Sign-up & Log-in and out Boiler-plate은 사전적 의미로는 말그대로 보일러의 판 그리고 표준 문구라는 뜻을 가지고 있는데 이는 보일러의 기초 골격을 찍어내는 판이다. 또한 한때 신문사에서도 이러한 방법을 신문을 만

약 22시간 전
·
0개의 댓글
·

[React] Reducx-Thunk , Redux-Saga

redux-thunk와 redux-saga는 둘 다 미들웨어 라이브러리이다.redux의 Flux 패턴에서 맨 처음 액션을 dispatch 하게 되면, 리듀서에서 그 해당 액션에 대한 정보를 바탕으로 스토어의 상태값을 바꾸게 되는데, 이때 미들웨어를 사용하면 액션이 스토

어제
·
0개의 댓글
·
post-thumbnail

[Redux] 0. Redux가 멍미

리액트 공부하다보면 꼭 연관검색어에 리덕스가 있읍니다.그리고 리액트 강의들 보면 중-후반 부터 리덕스 나옴슬슬 나도 알아야 할 것 같고, 쓰면 좋다고 그래서 적어봅니다리덕스가 뭐냐면요상태관리 라이브러리 입니다.정확히 어떨 때 쓰냐면,씁니당우리 리액트로 뭐 만들 때 이런

어제
·
0개의 댓글
·
post-thumbnail

[React] Redux, Recoil

👉 redux와 recoil에 대한 설명과 비교를 하기 전에 이러한 상태관리 라이브러리를 왜 사용하는지에 대한 설명이 먼저 필요하다.react로 개발을 하다보면 상태가 서로 다른 두 컴포넌트에서 필요할 때가 있는데 이때 일반적으로 부모 컴포넌트에 상태를 선언해놓고 필

어제
·
0개의 댓글
·

[react] 차세대 상태 관리 라이브러리 (Redux 다음?)

Redux를 대체하는 라이브러리가 점점 많이 쓰여지게 된 지 시간이 좀 지났다.

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

전역상태에서 시작하는 Redux, redux-toolkit, redux-saga

전역 상태 (global state) = 전역(gloabl) + 상태(state)전역은 해당 애플리케이션 어디에서든 참조가 가능한 고립되어 있지 않은 범위상태는 변경이 가능한 데이터, 렌더링을 다르게 하려고 할 때도 상태를 사용즉 전역상태(global state)란 해

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

[TIL] Redux와 Recoil

상태관리 라이브러리

4일 전
·
0개의 댓글
·

[React] react-redux 사용하는 클래스 컴포넌트에서 하위 컴포넌트 함수 호출하기(feat. connect(), ref)

리액트에서 하위 컴포넌트의 DOM을 조작하거나, 메서드를 실행하기 위해서는 ref를 이용한다. 바람직하지 않다곤 하지만 필요할 때가 있어서 종종 사용하는데 이해가 안되는 상황이 발생해서 꼬박 하루를 매달린 것 같다... 나와 같은 문제를 겪고 있는 분이 있다면 조금이

5일 전
·
0개의 댓글
·

순대 모둠

순대 모둠 > 순대 모둠은 순천대 기숙사 학생들이 대화방을 만들어 자신이 먹고싶은 배달음식을 사람들과 같이 시켜 배달료와 최소 주문비용에 대한 부담을 줄이는 채팅 앱입니다. 개발 동기 먹고 싶은 메뉴가 있지만 높은 최소 주문 비용 갈수록 상승해 가는 배달요금으로 인한

2022년 9월 27일
·
2개의 댓글
·

Redux_3

Redux의 state 변경하는 방법 1) state를 수정해주는 함수만들기. 2) 만든함수 export 해주기 2) store.js에 함수를 실행 요청하기.

2022년 9월 26일
·
0개의 댓글
·

[React js] redux-middleware02

패스트캠퍼스 리덕스 강좌수강비동기 작업을 처리할 때 많이 사용하는 미들웨어다. 객체가 아닌 함수 형태의 액션을 디스패치할 수 있게 해준다. Fake API우선 loading,data,error 형태의 객체를 리턴하는 함수를 한곳에 만들어두고 해당 형식으로 리팩토링을 하

2022년 9월 25일
·
0개의 댓글
·
post-thumbnail

Kakao Map Api를 이용해 보자3

어제 오늘 상당히 진도를 나갔는데 하나도 기록 안 했다 왕 귀찮일단 redux를 도입해서 즐겨찾기 데이터를 저장할 favorite store를 만들고 add와 delete action을 만들었다 근데 바로바로 ui가 업데이트 되지 않았는데, 내가 구독을 안 해서 그런

2022년 9월 25일
·
0개의 댓글
·

[면접 준비] Simple Redux

[면접 준비] Simple Redux

2022년 9월 25일
·
0개의 댓글
·
post-thumbnail

Next.js 에서 SWR 좀 더 우아하게 사용하기 - (3 / 3)

재사용 가능한 hook 만들기 SWR은 타입스크립트를 완벽하게 지원하고 있습니다. 예제를 보도록 하겠습니다 useUser 라는 hook 을 만들어보았습니다 Deduplication 기능을 가지고 있기에 useUser을 어느 컴포넌트에서 사용하더라도 네트워크 요청은 한

2022년 9월 22일
·
1개의 댓글
·
post-thumbnail

Next.js 에서 SWR 좀 더 우아하게 사용하기 - (2 / 3)

Fetcher 옵션이 왜 필요해? 공식 문서에서는 이렇게 설명 하고 있습니다. >Fetcher은 SWR의 아주 핵심적인 API입니다. 여기의 fetcher는 SWR의 key를 받고 데이터를 반환하는 비동기 함수입니다. 2번째 인자로 받는 token은 권한이 필요한 A

2022년 9월 21일
·
0개의 댓글
·