
useState 값이 변경되면 컴포넌트가 렌더링 된다. useEffect 컴포넌트가 Mount, Update, UnMount될 때 실행되는 함수를 의미한다. // Mount useEffect(() => {}, []) // 컴포넌트가 처음 렌더링 될 때 함수가 실행된다. // Update useEffect(() => { const elem = ref.current if (elem) { // depth update elem.addEventListener('mouseover', handleMouseOver) elem.addEventListener('mouseout', handleMouseOut) return () => { // Unmount elem.removeEventListener('mouseover') ..