Reading Room 01
close
프로필 배경
프로필 로고

Reading Room 01

  • 분류 전체보기 (146)
    • TIL (61)
    • 코딩테스트 (8)
    • CSS (5)
    • HTML (2)
    • JS (18)
    • 개발 (11)
    • 정처기 (21)
    • 리액트 (19)
  • 홈
  • 태그
  • 방명록

zustand 사용하기 2

zustand 설치 및 기본 사용법yarn add zustand  상태 정의// src/zustand/bearsStore.jsimport { create } from "zustand";// Zustand 스토어 생성const useBearsStore = create((set) => ({ bears: 0, // 초기 상태 값: 곰의 수는 처음에 0으로 시작 increasePopulation: () => set((state) => ({ bears: state.bears + 1 })), // 곰의 수를 1 증가시키는 함수 removeAllBears: () => set({ bears: 0 }), // 곰의 수를 0으로 초기화하는 함수}));export default useBearsStore; // 생성한 ..

  • format_list_bulleted TIL
  • · 2024. 7. 29.
  • textsms

zustand 사용하기

오늘은 zustand를 처음 사용해봤다! 아직도 약간 헷갈리긴 한데 리덕스 툴킷보다 쉬운 건 맞는 듯 싶다... 먼저 상태를 만들고, 사용하면 된다. 1. 상태 만들기먼저 임포트를 해준다.import { create } from 'zustand'; 그리고 create 함수를 호출해서 새로운 상태를 생성한다.export const useUserStore = create((set) => ({ count: 0, 그리고 상태를 변경하는 함수가 필요하다면 increment: () => set((state) => ({ count: state.count + 1 })),상태 업데이트에 필요한 set을 사용해서이런식으로 만들어주고, 사용할 때는import { useStore } from './path/to/stor..

  • format_list_bulleted TIL
  • · 2024. 7. 11.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (146)
    • TIL (61)
    • 코딩테스트 (8)
    • CSS (5)
    • HTML (2)
    • JS (18)
    • 개발 (11)
    • 정처기 (21)
    • 리액트 (19)
최근 글
인기 글
최근 댓글
태그
  • #정처기정리
  • #모던자바스크립트딥다이브
  • #정보처리기사
  • #정처기공부
  • #자바스크립트
  • #정보처리기사공부
  • #정보처리기사정리
  • #정처기
  • #정처기필기
  • #정보처리기사필기
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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