1import { useState, useEffect } from "react";
2
3function DocumentTitle() {
4  const [count, setCount] = useState(0);
5
6  // 렌더링 후 문서 제목을 변경
7  useEffect(() => {
8    document.title = `클릭 ${count}회`;
9    console.log("Effect 실행! count:", count);
10  });
11
12  return (
13    <div>
14      <p>{count}회 클릭</p>
15      <button onClick={() => setCount(count + 1)}>
16        +1
17      </button>
18    </div>
19  );
20}
21
22// 렌더링 순서:
23// 1. 컴포넌트 함수 실행 (JSX 생성)
24// 2. 화면에 표시
25// 3. useEffect 실행 (부수 효과)