상태 관리 라이브러리 중 zustand를 종종 사용해 정리하고자 한다.  리액트에서의 전역 상태 관리 전역 상태 관리란 앱의 중앙에 위치함으로써 어느 컴포넌트든 이 데이터(상태)에 접근할 수 있으며 상태 변경이 가능하다. 전역 상태관리를 지원하는 api에는 react에 내장된 useContext 훅을 포함하여 redux, recoil, zustand, zotai, react-query 등 다양한 서드파티 라이브러리들까지 존재한다.  zustand 란 ?Zustand는 작은 용량(1.16kb의 번들 사이즈), 빠른 속도, 그리고 확장 가능성을 자랑하는 상태 관리 라이브러리입니다. 단방향 데이터 흐름(Flux패턴과 유사),  React hooks 기반으로 설계되어 있어, 복잡한 보일러플레이트 코드(  boi..

가장 기본이 되는 React에서 input 상태를 어떻게 관리하는지 정리했다. onChange를 통해 useState에 value값을 넣어주면 된다.input의 value값은 event.target.value 이다.import React, { useState } from "react";export default function Test() { const [text, setText] = useState(""); const onChange = (e: any) => { setText(e.target.value); }; const onReset = () => { setText(""); }; return ( 결과 : {text} 초기화 ..

타이머와 관련된 함수로는 setTimeout(), setInterval() 가 있다.setTimeout()설정한 시간이 지난 후 코드를 실행시킨다.문법 : setTimeout(functionRef, delay, param) ( delay, param은 optional한 값 )// functionRef (delay생략)setTimeout(() => console.log("바로 실행"));// functionRef & delaysetTimeout(() => console.log("5초 후에 실행됨"), 5000);// param 사용function weather(today, phrase) { console.log( today + ' 은 ' + phrase );}setTimeout(weather, 1000,..