TypeScript : 투두리스트 만들기 (4단계 - Thunk + Axios )

TypeScript : 투두리스트 만들기 (3단계 - Json-server) TypeScript : 투두리스트 만들기 (2단계 - Redux Toolkit) TypeScript : 투두리스트 만들기 (1단계 - React Props) Lv1 React를 이용한 TodoList를 만듭니다. Todo를 Create, Delete, Update(완료/취소) 가 가능해야 합니다. 이 zerotonine2da.tistory.com Lv4 Lv4의 과제에서 데이터베이스의 비동기 처리 로직을 추가합니다. Lv3의 코드에서, createAsyncThunk를 추가하여 json-server 상태 관리 로직을 다루도록 합니다. Keyword Thunk 1. redux -thunk 설치 yarn add redux-thunk ..

• format_list_bulleted TIL :: Today I Learned
• · 2023. 12. 17.
• textsms

React[리액트 심화] 비동기통신 미들웨어 thunk (경유지 역할)

Thunk - 리덕스 환경에서 비동기통신에서 사용되는 미들웨어 - 데이터베이스에서 데이터를 받아와서 상태까지 변경할 수 있는 것 1. 리덕스 미들웨어 - 액션 > 미들웨어 > 리듀서 > 스토어 - 리덕스 : dispatch를 하면 action이 리듀서로 전달 & 리듀서는 새로운 state 반환 - 미들웨어 : 위의 과정 사이에 (middle) 하고싶은 작업 가능 - 카운터 프로그램 : (+1 실행) ---[ 3초 기다리기 = 미들웨어] --- (+1 구현) - 사용 이유: 서버와의 통신(get,post)을 위해서 사용이 대부 2. 리덕스 thunk - thunk 사용 : 우리가 dispatch할때 객체가 아닌 함수를 dispatch가능 1) thunk 함수 구현 : createAsyncThunk (red..

• format_list_bulleted React
• · 2023. 12. 4.
• textsms