삐제제의 개발 노트

  • 홈
  • 태그
  • 방명록

프로그래밍/TIL 2

TIL - React - thunk 라이브러리

오늘은 redux-thunk 라는 미들웨어 사용법에 대해 배웠다. 하지만 이해하는데 엄청난 시간이 걸렸다. (지금도 100% 이해한건 아닌듯..) Thunk을 쓰는 이유는 리액트에서 비동기 작업을 수월하게 처리하기 위해 사용한다고 한다. (비 동기 작업을 처리할 때 가장 많이 사용하는 미들웨어래요.) 우리가 원래 액션 생성자 함수를 만들때, 다음과 같이 객체를 반환하게 만들어야했었는데, const actionCreator = (payload) => ({type:"ACTION", payload}) 이 미들웨어를 쓰면 꼭 객체를 리턴하는게 아니라, 함수를 반환하는 액션 생성자를 디스패치 할 수 있다고한다. (아래의 incrementAsync를 디스패치 할 수있다는 뜻!) 형태는 다음과 같이 작성해야하는듯? ..

프로그래밍/TIL 2021.09.15

TIL - useReducer 를 사용하여 배열에 값을 추가할때!

import React, { useReducer, useState } from "react"; const initialState = { toDos: [], }; const ADD = "add"; const reducer = (state, action) => { switch (action.type) { case ADD: return { toDos: [...state.toDos, { text: action.payload }] }; default: throw new Error(); } }; const App = () => { const [state, dispatch] = useReducer(reducer, initialState); const [newToDo, setNewToDo] = useState("");..

프로그래밍/TIL 2021.08.30
이전
1
다음
프로필사진

삐제제의 개발 노트

화이팅 velog : https://velog.io/@pjj186/posts

  • 분류 전체보기 (65)
    • 프로그래밍 (64)
      • HTML&CSS (16)
      • JavaScript (12)
      • Python (7)
      • JAVA (0)
      • JAVA WEB (4)
      • Node & Express (5)
      • Online Judge (2)
      • React (15)
      • TIL (2)
    • 일상 (0)
    • 잡생각 (0)

Tag

LeetCode, Javascript, react,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 07  
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • Github
  • Korean React Documents

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.