# redux
순대 모둠
순대 모둠 > 순대 모둠은 순천대 기숙사 학생들이 대화방을 만들어 자신이 먹고싶은 배달음식을 사람들과 같이 시켜 배달료와 최소 주문비용에 대한 부담을 줄이는 채팅 앱입니다. 개발 동기 먹고 싶은 메뉴가 있지만 높은 최소 주문 비용 갈수록 상승해 가는 배달요금으로 인한
Redux_3
Redux의 state 변경하는 방법 1) state를 수정해주는 함수만들기. 2) 만든함수 export 해주기 2) store.js에 함수를 실행 요청하기.
[React js] redux-middleware02
패스트캠퍼스 리덕스 강좌수강비동기 작업을 처리할 때 많이 사용하는 미들웨어다. 객체가 아닌 함수 형태의 액션을 디스패치할 수 있게 해준다. Fake API우선 loading,data,error 형태의 객체를 리턴하는 함수를 한곳에 만들어두고 해당 형식으로 리팩토링을 하
Kakao Map Api를 이용해 보자3
어제 오늘 상당히 진도를 나갔는데 하나도 기록 안 했다 왕 귀찮일단 redux를 도입해서 즐겨찾기 데이터를 저장할 favorite store를 만들고 add와 delete action을 만들었다 근데 바로바로 ui가 업데이트 되지 않았는데, 내가 구독을 안 해서 그런
Next.js 에서 SWR 좀 더 우아하게 사용하기 - (3 / 3)
재사용 가능한 hook 만들기 SWR은 타입스크립트를 완벽하게 지원하고 있습니다. 예제를 보도록 하겠습니다 useUser 라는 hook 을 만들어보았습니다 Deduplication 기능을 가지고 있기에 useUser을 어느 컴포넌트에서 사용하더라도 네트워크 요청은 한
Next.js 에서 SWR 좀 더 우아하게 사용하기 - (2 / 3)
Fetcher 옵션이 왜 필요해? 공식 문서에서는 이렇게 설명 하고 있습니다. >Fetcher은 SWR의 아주 핵심적인 API입니다. 여기의 fetcher는 SWR의 key를 받고 데이터를 반환하는 비동기 함수입니다. 2번째 인자로 받는 token은 권한이 필요한 A
Next.js 에서 SWR 좀 더 우아하게 사용하기 - (1 / 3)
SWR란? >"SWR"이라는 이름은 HTTP RFC 5861에 의해 알려진 HTTP 캐시 무효 전략인 stale-while-revalidate에서 유래되었습니다. SWR은 먼저 캐시(스태일)로부터 데이터를 반환한 후, fetch 요청(재검증)을 하고, 최종적으로 최신화
redux-toolkit 사용법
목적(공부중, 툴킷 사용법만을), 참조, why redux? 컴포넌트 구조는 앱의 UI를 따르지만, 상태는 그럴 필요가 없다. 상태를 바꾸는 함수가 여러 컴포넌트에 있다. 여러 단계의 컴포넌트에 props를 전달해야한다. 디버깅 시 상태 변경을 추적하기가 어렵다.
[TIL CS]옵저버패턴 FE에 녹이기 (feat.상태관리라이브러리 구현)
2022-09-03 옵저버패턴-Subject,Observer,구독,비구독,알려주기 메소드,redux,store,reducer
[React] redux-thunk (전역상태관리 비동기 처리) + redux-logger, Redux DevTools
비동기 처리를 위한 redux-middleware 라이브러리dispatch(thunk함수)action type & action 생성자함수, (thunk 함수), reducer 함수를 1개의 파일 내에서 정의해서 사용하는 방식.
[React] Redux 전역상태관리
Redux는 단일 스토어이다. reducer가 여러개인 것!react 컴포넌트에서 유동적으로 바뀌는 값. store에서 저장되어 있는 값.initialState가 state. (recoil에서 atom 느낌?)1) 2가지 형태로 나뉜다.payload 없는 액션 { ty
코드스테이츠 섹션3 기술면접 준비
Q. 재귀를 활용하기 좋은 상황은 언제인지 예시를 들어 설명해주세요.A. 재귀는 중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우 사용할 수 있습니다.재귀(Recursion)재귀함수란?재귀함수란 자기 자신을 호출하는 함수다.재귀는 언제 사용하는 게 좋을
Redux TypeScript
redux redux 사용법 redux with TypeScript Redux redux는 웹 사이트 혹은 애플리케이션을 위한 상태 관리 라이브러리입니다. 애플리케이션을 개발하다 보면
redux toolkit
설치 store 폴더 Provider로 감싸고 store import state 만들기 사용하기 (useSelector)
Redux toolkit을 이용한 효율적인 모달창 관리
여러 서비스에 modal 창을 기본적으로 사용하게 되는데요, 지금 진행하고 있는 Escapers 프로젝트 규모가 커지면서 모달 창을 사용하는 페이지들이 많아졌습니다. 이 때 모달 창을 유지 관리하기 위해 많은 코드가 중복되고 비슷한 로직들이 반복되었는데요, 이러한 불
