docs: clean up DOM references and fix indentation in example code

[wo-o29]

DOM 참조 정리 및 들여쓰기 수정

• 존재하지 않는 DOM 노드인 profile을 참조하는 코드를 제거했습니다.
• editButton ID 참조가 없으므로 'button'으로 변경했습니다.

<!-- id가 profile인 DOM이 존재하지 않음 -->
<!-- id가 editButton인 DOM이 존재하지 않아 button으로 변경 -->
<form id="form">
  <label>
    First name:
    <b id="firstNameText">Jane</b>
    <input
      id="firstNameInput"
      value="Jane"
      style="display: none">
  </label>
  <label>
    Last name:
    <b id="lastNameText">Jacobs</b>
    <input
      id="lastNameInput"
      value="Jacobs"
      style="display: none">
  </label>
  <button type="submit" id="button">Edit Profile</button>
  <p><i id="helloText">Hello, Jane Jacobs!</i></p>
</form>

<style>
* { box-sizing: border-box; }
body { font-family: sans-serif; margin: 20px; padding: 0; }
label { display: block; margin-bottom: 20px; }
</style>

• Fragment 부분의 들여쓰기를 수정하여 코드 가독성을 향상시켰습니다.

필수 확인 사항

• 기여자 행동 강령 규약
• 기여 가이드라인
• 공통 스타일 가이드
• 번역을 위한 모범 사례
• 번역 용어 정리
• textlint 가이드
• 맞춤법 검사

선택 확인 사항

• 번역 초안 작성^{Draft Translation}
• 리뷰 반영^{Resolve Reviews}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
ko-react-dev	Building	Preview	Comment	Aug 25, 2025 0:59am

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
ko-legacy-reactjs-org	Ignored	Preview		Aug 25, 2025 0:59am