docs: Update Korean translation for example UI text in form.md (#1272)

<!--
  PR을 보내주셔서 감사합니다! 여러분과 같은 기여자들이 React를 더욱 멋지게 만듭니다!

  기존 이슈와 관련된 PR이라면, 아래에 이슈 번호를 추가해주세요.
-->

# `<Form>` 문서 내 모든 예제의 UI 텍스트를 한국어로 번역
관련 이슈: #1270

- 기존 `<form>` 문서에서 '낙관적으로 폼 데이터
업데이트하기'[(링크)](https://ko.react.dev/reference/react-dom/components/form#optimistically-updating-form-data)
예제 설명은 `'제출'`, `'제출중...'`으로 되어있는데, 예제 코드는 `'Send'`, `'Sending...'`으로 되어
있었습니다. 일관되게 표현해주기 위해 예제 코드를 한국어로 수정해주는 작업을 진행했습니다.
- 참고로 예제 코드가 메시지 전송과 관련되어 있어서 기존 번역 `'제출'`과 `'제출중...'`을 `'전송'`과
`'전송중...'`으로 수정해줬습니다.
- 위 예제와 일관성을 맞추기 위해 `<form>` 문서에 있는 모든 예제 코드의 UI 텍스트를 한국어로 번역하는 작업을
진행했습니다.

## 필수 확인 사항

- [x] [기여자 행동 강령 규약<sup>Code of
Conduct</sup>](https://github.com/reactjs/ko.react.dev/blob/main/CODE_OF_CONDUCT.md)
- [x] [기여
가이드라인<sup>Contributing</sup>](https://github.com/reactjs/ko.react.dev/blob/main/CONTRIBUTING.md)
- [x] [공통 스타일 가이드<sup>Universal Style
Guide</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/universal-style-guide.md)
- [x] [번역을 위한 모범 사례<sup>Best Practices for
Translation</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/best-practices-for-translation.md)
- [x] [번역 용어 정리<sup>Translate
Glossary</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/translate-glossary.md)
- [x] [`textlint` 가이드<sup>Textlint
Guide</sup>](https://github.com/reactjs/ko.react.dev/blob/main/wiki/textlint-guide.md)
- [x] [맞춤법 검사<sup>Spelling
Check</sup>](https://nara-speller.co.kr/speller/)

## 선택 확인 사항

- [ ] 번역 초안 작성<sup>Draft Translation</sup>
- [ ] 리뷰 반영<sup>Resolve Reviews</sup>

---------

Co-authored-by: 루밀LuMir <rpfos@naver.com>

Author: hyoni0817

src/content/reference/react-dom/components/form.md

@@ -4,12 +4,12 @@ title: "<form>"
 
 <Intro>
 
-[내장 브라우저 `<form>` 컴포넌트](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form)는 정보 제출을 위한 대화형 컨트롤을 만들 수 있습니다.
+[내장 브라우저 `<form>` 컴포넌트](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form)로 정보 제출을 위한 대화형 컨트롤을 만들 수 있습니다.
 
 ```js
 <form action={search}>
     <input name="query" />
-    <button type="submit">Search</button>
+    <button type="submit">검색</button>
 </form>
 ```
 
@@ -28,7 +28,7 @@ title: "<form>"
 ```js
 <form action={search}>
     <input name="query" />
-    <button type="submit">Search</button>
+    <button type="submit">검색</button>
 </form>
 ```
 
@@ -58,12 +58,12 @@ title: "<form>"
 export default function Search() {
   function search(formData) {
     const query = formData.get("query");
-    alert(`You searched for '${query}'`);
+    alert(`'${query}'을(를) 검색했습니다.`);
   }
   return (
     <form action={search}>
       <input name="query" />
-      <button type="submit">Search</button>
+      <button type="submit">검색</button>
     </form>
   );
 }
@@ -92,7 +92,7 @@ function AddToCart({productId}) {
   return (
     <form action={addToCart}>
         <input type="hidden" name="productId" value={productId} />
-        <button type="submit">Add to Cart</button>
+        <button type="submit">장바구니에 추가</button>
     </form>
   );
 }
@@ -111,7 +111,7 @@ function AddToCart({productId}) {
   const addProductToCart = addToCart.bind(null, productId);
   return (
     <form action={addProductToCart}>
-      <button type="submit">Add to Cart</button>
+      <button type="submit">장바구니에 추가</button>
     </form>
   );
 }
@@ -135,7 +135,7 @@ function Submit() {
   const { pending } = useFormStatus();
   return (
     <button type="submit" disabled={pending}>
-      {pending ? "Submitting..." : "Submit"}
+      {pending ? "제출중..." : "제출"}
     </button>
   );
 }
@@ -167,7 +167,7 @@ export async function submitForm(query) {
 
 `useOptimistic` Hook은 네트워크 요청과 같은 백그라운드의 작업이 끝나기 전에 사용자 인터페이스에 낙관적으로 업데이트하는 방법을 제공합니다. 폼의 맥락에서 이 기술은 앱을 더욱 반응형으로 느끼게 해줍니다. 사용자가 폼을 제출하면 인터페이스는 사용자가 기대하는 결과물로 즉시 업데이트됩니다.
 
-예를 들어, 사용자가 폼에 메시지를 입력하고 "제출" 버튼을 클릭하면 `useOptimistic` Hook은 "제출중..." 라벨과 함께 메시지가 서버에 보내지기 전에 리스트에 즉시 보입니다. 이러한 '낙관적인' 접근 방식은 속도와 반응성이 뛰어나다는 인상을 줍니다. 그다음 폼은 실제로 백그라운드에 메시지 보내기를 시도합니다. 서버에 메시지가 잘 도착하면, "제출중..." 라벨은 사라집니다.
+예를 들어, 사용자가 폼에 메시지를 입력하고 "전송" 버튼을 클릭하면 `useOptimistic` Hook은 "전송중..." 라벨과 함께 메시지가 서버에 보내지기 전에 리스트에 즉시 보입니다. 이러한 '낙관적인' 접근 방식은 속도와 반응성이 뛰어나다는 인상을 줍니다. 그다음 폼은 실제로 백그라운드에 메시지 보내기를 시도합니다. 서버에 메시지가 잘 도착하면, "전송중..." 라벨은 사라집니다.
 
 
 <Sandpack>
@@ -200,12 +200,12 @@ function Thread({ messages, sendMessage }) {
       {optimisticMessages.map((message, index) => (
         <div key={index}>
           {message.text}
-          {!!message.sending && <small> (Sending...)</small>}
+          {!!message.sending && <small> (전송중...)</small>}
         </div>
       ))}
       <form action={formAction} ref={formRef}>
         <input type="text" name="message" placeholder="Hello!" />
-        <button type="submit">Send</button>
+        <button type="submit">전송</button>
       </form>
     </>
   );
@@ -253,7 +253,7 @@ export default function Search() {
     >
       <form action={search}>
         <input name="query" />
-        <button type="submit">Search</button>
+        <button type="submit">검색</button>
       </form>
     </ErrorBoundary>
   );
@@ -298,20 +298,20 @@ export default function Page() {
     const email = formData.get("email");
     try {
       await signUpNewUser(email);
-      alert(`Added "${email}"`);
+      alert(`"${email}"을 등록했어요`);
     } catch (err) {
       return err.toString();
     }
   }
   const [message, signupAction] = useActionState(signup, null);
   return (
     <>
-      <h1>Signup for my newsletter</h1>
-      <p>Signup with the same email twice to see an error</p>
+      <h1>뉴스레터에 가입하세요</h1>
+      <p>같은 이메일로 두 번 가입하여 오류를 확인하세요.</p>
       <form action={signupAction} id="signup-form">
-        <label htmlFor="email">Email: </label>
+        <label htmlFor="email">이메일: </label>
         <input name="email" id="email" placeholder="react@example.com" />
-        <button>Sign up</button>
+        <button>가입하기</button>
         {!!message && <p>{message}</p>}
       </form>
     </>
@@ -324,7 +324,7 @@ let emails = [];
 
 export async function signUpNewUser(newEmail) {
   if (emails.includes(newEmail)) {
-    throw new Error("This email address has already been added");
+    throw new Error("이 이메일 주소는 이미 등록되었습니다.");
   }
   emails.push(newEmail);
 }
@@ -347,20 +347,20 @@ export default function Search() {
   function publish(formData) {
     const content = formData.get("content");
     const button = formData.get("button");
-    alert(`'${content}' was published with the '${button}' button`);
+    alert(`'${button}' 버튼으로 '${content}'가 발행되었습니다.`);
   }
 
   function save(formData) {
     const content = formData.get("content");
-    alert(`Your draft of '${content}' has been saved!`);
+    alert(`'${content}' 초안이 저장되었습니다!`);
   }
 
   return (
     <form action={publish}>
       <textarea name="content" rows={4} cols={40} />
       <br />
-      <button type="submit" name="button" value="submit">Publish</button>
-      <button formAction={save}>Save draft</button>
+      <button type="submit" name="button" value="submit">발행</button>
+      <button formAction={save}>초안 저장</button>
     </form>
   );
 }