From 46dc56fa1303877fe683ba54924c2b92a70dcd32 Mon Sep 17 00:00:00 2001
From: "ChunHee.HAN" <chunhee.han@outlook.com>
Date: Mon, 18 Aug 2025 17:31:28 +0900
Subject: [PATCH 1/5] docs: Update making an interactive component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

자습서 틱택토 게임의
### 사용자와 상호작용하는 컴포넌트 만들기
설명을 수정했습니다.

링크: https://ko.react.dev/learn/tutorial-tic-tac-toe\#making-an-interactive-component

<img width=1015 height=142 alt=Image src=https://github.com/user-attachments/assets/a8e08f25-0b0c-4562-94ed-b25a25528938 />

<img width=993 height=203 alt=Image src=https://github.com/user-attachments/assets/b9ef3234-9533-4cce-a7c6-c8cbefe7aec7 />
---
 src/content/learn/tutorial-tic-tac-toe.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md
index efee3557e..bf3c06604 100644
--- a/src/content/learn/tutorial-tic-tac-toe.md
+++ b/src/content/learn/tutorial-tic-tac-toe.md
@@ -708,7 +708,7 @@ body {
 
 ### 사용자와 상호작용하는 컴포넌트 만들기 {/*making-an-interactive-component*/}
 
-이제 `Square` 컴포넌트를 클릭하면 `X`로 채워보겠습니다. `Square` 내부에 `handleClick` 함수를 선언하세요. 그런 다음 `Square` 컴포넌트에서 반환된 JSX 버튼의 Props에 `onClick`을 추가하세요.
+이제 `Square` 컴포넌트를 클릭하면 `X`로 채워보겠습니다. `Square` 컴포넌트 내부에 `handleClick` 함수를 선언하세요. 그런 다음 `Square` 컴포넌트의 `<button>` JSX에 `onClick` `Props`를 추가하세요. 이 Prop을 통해 버튼이 클릭될 때 `handleClick` 함수가 실행됩니다. 이제 `Square` 컴포넌트는 `onClick` `Props`가 포함된 JSX 버튼(`<button>`)을 반환(`<return>`) 합니다.
 
 ```js {2-4,9}
 function Square({ value }) {

From 35c6d02934b200cfda58afc2f15b6391e7bc1618 Mon Sep 17 00:00:00 2001
From: MagnaPax <chunhee.han@outlook.com>
Date: Tue, 19 Aug 2025 15:41:25 +0900
Subject: [PATCH 2/5] docs: improve clarity of the Square #1274

---
 src/content/learn/tutorial-tic-tac-toe.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md
index bf3c06604..83c5a7e3f 100644
--- a/src/content/learn/tutorial-tic-tac-toe.md
+++ b/src/content/learn/tutorial-tic-tac-toe.md
@@ -708,7 +708,8 @@ body {
 
 ### 사용자와 상호작용하는 컴포넌트 만들기 {/*making-an-interactive-component*/}
 
-이제 `Square` 컴포넌트를 클릭하면 `X`로 채워보겠습니다. `Square` 컴포넌트 내부에 `handleClick` 함수를 선언하세요. 그런 다음 `Square` 컴포넌트의 `<button>` JSX에 `onClick` `Props`를 추가하세요. 이 Prop을 통해 버튼이 클릭될 때 `handleClick` 함수가 실행됩니다. 이제 `Square` 컴포넌트는 `onClick` `Props`가 포함된 JSX 버튼(`<button>`)을 반환(`<return>`) 합니다.
+이제 `Square` 컴포넌트를 클릭하면 `X`로 채워보겠습니다. `Square` 컴포넌트 내부에 `handleClick` 함수를 선언하세요. 그런 다음 `Square`에서 반환(`return`)된 `<button>` JSX 요소에 `onClick` Props를 추가하세요.
+
 
 ```js {2-4,9}
 function Square({ value }) {

From 9dc5e6fc55e1fb1f8a41955901c73a30149739f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=A3=A8=EB=B0=80LuMir?= <rpfos@naver.com>
Date: Thu, 21 Aug 2025 19:18:59 +0900
Subject: [PATCH 3/5] Update tutorial-tic-tac-toe.md

---
 src/content/learn/tutorial-tic-tac-toe.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md
index 83c5a7e3f..746457bba 100644
--- a/src/content/learn/tutorial-tic-tac-toe.md
+++ b/src/content/learn/tutorial-tic-tac-toe.md
@@ -708,8 +708,7 @@ body {
 
 ### 사용자와 상호작용하는 컴포넌트 만들기 {/*making-an-interactive-component*/}
 
-이제 `Square` 컴포넌트를 클릭하면 `X`로 채워보겠습니다. `Square` 컴포넌트 내부에 `handleClick` 함수를 선언하세요. 그런 다음 `Square`에서 반환(`return`)된 `<button>` JSX 요소에 `onClick` Props를 추가하세요.
-
+이제 `Square` 컴포넌트를 클릭하면 `X`로 채워보겠습니다. `Square` 컴포넌트 내부에 `handleClick` 함수를 선언하세요. 그런 다음 `Square`에서 반환<sup>`return`</sup>된 버튼<sup>`<button>`</sup> JSX 요소에 `onClick` Props를 추가하세요.
 
 ```js {2-4,9}
 function Square({ value }) {

From e3134447a09be80cf83178ec7bd7bf9467193d57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=A3=A8=EB=B0=80LuMir?= <rpfos@naver.com>
Date: Thu, 21 Aug 2025 19:19:37 +0900
Subject: [PATCH 4/5] Update tutorial-tic-tac-toe.md

---
 src/content/learn/tutorial-tic-tac-toe.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md
index 746457bba..609aaa4e5 100644
--- a/src/content/learn/tutorial-tic-tac-toe.md
+++ b/src/content/learn/tutorial-tic-tac-toe.md
@@ -708,7 +708,7 @@ body {
 
 ### 사용자와 상호작용하는 컴포넌트 만들기 {/*making-an-interactive-component*/}
 
-이제 `Square` 컴포넌트를 클릭하면 `X`로 채워보겠습니다. `Square` 컴포넌트 내부에 `handleClick` 함수를 선언하세요. 그런 다음 `Square`에서 반환<sup>`return`</sup>된 버튼<sup>`<button>`</sup> JSX 요소에 `onClick` Props를 추가하세요.
+이제 `Square` 컴포넌트를 클릭하면 `X`로 채워보겠습니다. `Square` 컴포넌트 내부에 `handleClick` 함수를 선언하세요. 그런 다음 `Square` 컴포넌트에서 반환<sup>`return`</sup>된 버튼<sup>`<button>`</sup> JSX 요소에 `onClick` Props를 추가하세요.
 
 ```js {2-4,9}
 function Square({ value }) {

From 7b3cc7f392436de488a573ff155c10e62361df57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=A3=A8=EB=B0=80LuMir?= <rpfos@naver.com>
Date: Thu, 21 Aug 2025 19:20:49 +0900
Subject: [PATCH 5/5] Update tutorial-tic-tac-toe.md

---
 src/content/learn/tutorial-tic-tac-toe.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md
index 609aaa4e5..c354f9fb8 100644
--- a/src/content/learn/tutorial-tic-tac-toe.md
+++ b/src/content/learn/tutorial-tic-tac-toe.md
@@ -708,7 +708,7 @@ body {
 
 ### 사용자와 상호작용하는 컴포넌트 만들기 {/*making-an-interactive-component*/}
 
-이제 `Square` 컴포넌트를 클릭하면 `X`로 채워보겠습니다. `Square` 컴포넌트 내부에 `handleClick` 함수를 선언하세요. 그런 다음 `Square` 컴포넌트에서 반환<sup>`return`</sup>된 버튼<sup>`<button>`</sup> JSX 요소에 `onClick` Props를 추가하세요.
+이제 `Square` 컴포넌트를 클릭하면 `X`로 채워보겠습니다. `Square` 컴포넌트 내부에 `handleClick` 함수를 선언하세요. 그런 다음 `Square` 컴포넌트에서 반환<sup>`return`</sup>된 JSX 버튼<sup>`<button>`</sup> 요소에 `onClick` Props를 추가하세요.
 
 ```js {2-4,9}
 function Square({ value }) {