function Timer() {
  const [count, setCount] = useState(0);

  // 1. 마운트 시에만 실행 (빈 의존성 배열)
  useEffect(() => {
    console.log('마운트됨');
    const id = setInterval(() => {
      setCount(c => c + 1);
    }, 1000);

    // 언마운트 시 클린업
    return () => {
      console.log('언마운트 - 타이머 정리');
      clearInterval(id);
    };
  }, []);  // [] → componentDidMount + componentWillUnmount

  // 2. count가 변경될 때마다 실행
  useEffect(() => {
    document.title = `Count: ${count}`;
    console.log(`count 변경: ${count}`);
  }, [count]);  // [count] → count 변경 시마다 실행

  // 3. 매 렌더마다 실행 (의존성 배열 없음)
  useEffect(() => {
    console.log('매 렌더마다 실행');
  });  // 의존성 배열 생략 → 모든 렌더 후 실행

  return <div>{count}</div>;
}