Function Component (1) 썸네일형 리스트형 [React] 함수형 컴포넌트는 왜 이벤트 부착 시점의 상태를 기억할까? 함수형 컴포넌트는 이벤트 부착시점의 상태를 기억한다. 함수형 컴포넌트와 클래스형 컴포넌트의 결정적인 차이를 중심으로 다룬다. 문제 상황 const [count, setCount] = useState(0); useEffect(() => { window.addEventListener('unload', handleUnload); }, []); const handleUnload = () => { localStorage.setItem("count", count); }; return ( setCount(count + 1)}>+ ) 위와 같은 코드가 있다 button을 클릭했을 때 count가 1씩 증가하고, 화면을 닫을 때(unload), 로컬스토리지에서 count를 기억한다. button을 5회 누른 후, 화면을.. 이전 1 다음