본문 바로가기

세현's 개발로그

검색하기
세현's 개발로그
프로필사진 SarahPark

  • 분류 전체보기 (18)
    • Kotlin (4)
    • React (14)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   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
Tags
  • 패키지
  • React #Context #props drilling #useMemo
  • useReducer
  • React #React 사용하는 이유
  • useMemo #React.memo #최적화 #re-rendering
  • Node.js #
  • Kotlin
  • Common JS 모듈 시스템
  • React #API 호출 #async #await #fetch
  • useCallback #최적화 #함수형 업데이트
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록useReducer (1)

세현's 개발로그

[React] 복잡한 상태 관리 로직 분리하기 - useReducer (feat. 일기장)

◈ useReducer 지금까지 작성한 App.js 코드는 useState가 너무 많아 컴포넌트 내의 내용이 너무 복잡하다는 문제가 있다. 이를 해결하기 위해 useReducer를 사용하여 상태변화로직을 App.js컴포넌트로부터 분리한다. useReducer는 const [data, dispatch] = useReducer(reducer, []); 이러한 형식을 사용하는데 이때 배열의 비구조화할당에서 0번째 인자는 항상 state이고, 두 번째 인자는 dispatch이다. useReducer의 첫 번째 인자는 reducer(상태변화처리함수)이고 두 번째 인자는 state의 초기값이다. 상태변화처리함수인 reducer는 컴포넌트 밖으로 분리하여 직접 만들어줘야 한다. const reducer = (stat..

React 2023. 5. 7. 18:23
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바