개발정리

useReducer는 컴포넌트에 reducer를 추가하도록 하는 리액트 훅 입니다. const [state,dispatch] = useReducer(reducer,initialArg,init?) Reference reducer로 state를 관리하기 위해 컴포넌트 상위에 useReducer를 호출하세요 파라미터 -reducer:어떻게 state가 update되는 지를 명시해놓은 reducer 함수입니다. reducer의 파라미터는 state와 action을 가집니다. 그리고 다음 state를 리턴해야 합니다. state와 action은 어떠한 타입도 가능합니다. -initialArg:초기상태로 계산된 값,어떠한 타입도 가능 -(optional)init:초기화함수, 초기 state를 리턴합니다. 만약 정의..

useMemo란? -리액트에서 컴포넌트의 성능을 최적화 하는데 사용하는 훅 -동일한 값을 반환하는 함수를 반복적으로 호출해야 한다면 처음 값을 계산할 때 해당 값을 메모리에 저장해 필요할 때마다 다시 계산하지 않고 메모리에서 꺼내 사용 예제 import React, { useState,useMemo } from 'react'; function App() { const [val1,setVal1]=useState(0); const [val2,setVal2]=useState(0); const handleAdd2 = ()=>{ setVal2((prev)=>prev+1); } const handleAdd1 = ()=>{ setVal1((prev)=>prev+1); } const computedVal = ()=>{..