docs: resolve conflicts

Author: lumirlumir

src/components/Layout/HomeContent.js

@@ -274,20 +274,12 @@ export function HomeContent() {
               <Br /> 풀스택으로 만들기
             </Header>
             <Para>
-<<<<<<< HEAD
               React는 라이브러리입니다. 컴포넌트를 조합할 수 있도록 도와주지만,
               라우팅이나 데이터를 가져오는 방법을 규정하지는 않습니다. React로
               완전한 앱을 만들려면,{' '}
               <Link href="https://nextjs.org">Next.js</Link> 또는{' '}
-              <Link href="https://remix.run">Remix</Link> 같은 풀스택 React
-              프레임워크를 추천합니다.
-=======
-              React is a library. It lets you put components together, but it
-              doesn’t prescribe how to do routing and data fetching. To build an
-              entire app with React, we recommend a full-stack React framework
-              like <Link href="https://nextjs.org">Next.js</Link> or{' '}
-              <Link href="https://reactrouter.com">React Router</Link>.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
+              <Link href="https://reactrouter.com">React Router</Link> 같은
+              풀스택 React 프레임워크를 추천합니다.
             </Para>
           </Center>
           <FullBleed>

src/content/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024.md

@@ -15,17 +15,6 @@ React Labs 게시글에는 활발히 연구 개발 중인 프로젝트에 대한
 
 </Intro>
 
-<<<<<<< HEAD
-<Note>
-
-React Conf 2024가 5월 15일부터 16일까지 네바다주 헨더슨에서 개최됩니다! React Conf에 직접 참석하고 싶으시다면 2월 28일까지 [티켓 추첨에 등록하세요](https://forms.reform.app/bLaLeE/react-conf-2024-ticket-lottery/1aRQLK).
-
-티켓과 무료 스트리밍, 후원 등에 대한 더 자세한 정보는 [React Conf 웹사이트](https://conf.react.dev)를 참조하세요.
-
-</Note>
-
-=======
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 ---
 
 ## React 컴파일러 {/*react-compiler*/}

src/content/blog/2025/04/23/react-labs-view-transitions-activity-and-more.md

@@ -16,19 +16,7 @@ React Labs 게시글에는 활발히 연구 개발 중인 프로젝트에 대한
 </Intro>
 
 
-<<<<<<< HEAD
-<Note>
-
-React Conf 2025 is scheduled for October 7–8 in Henderson, Nevada!
-
-Watch the livestream on [the React Conf website](https://conf.react.dev).
-
-</Note>
-
 오늘 저희는 테스트할 준비가 완료된 두 가지 새로운 실험적 기능에 대한 문서를 공개하게 되어 기쁩니다.
-=======
-Today, we're excited to release documentation for two new experimental features that are ready for testing:
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 - [View Transitions](#view-transitions)
 - [Activity](#activity)
@@ -44,9 +32,6 @@ Today, we're excited to release documentation for two new experimental features
 
 # 새로운 실험적 기능 {/*new-experimental-features*/}
 
-<<<<<<< HEAD
-View Transitions와 Activity는 이제 `react@experimental`에서 테스트할 준비가 되었습니다. 이러한 기능들은 프로덕션에서 테스트되었으며 안정적이지만, 피드백을 반영하는 과정에서 최종 API가 여전히 변경될 수 있습니다.
-=======
 <Note>
 
 `<Activity />` has shipped in `[email protected]`.
@@ -55,8 +40,7 @@ View Transitions와 Activity는 이제 `react@experimental`에서 테스트할 
 
 </Note>
 
-View Transitions and Activity are now ready for testing in `react@experimental`. These features have been tested in production and are stable, but the final API may still change as we incorporate feedback.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
+View Transitions와 Activity는 이제 `react@experimental`에서 테스트할 준비가 되었습니다. 이러한 기능들은 프로덕션에서 테스트되었으며 안정적이지만, 피드백을 반영하는 과정에서 최종 API가 여전히 변경될 수 있습니다.
 
 가장 최신 실험적 버전으로 React 패키지를 업그레이드하여 사용해볼 수 있습니다.
 

src/content/community/conferences.md

@@ -34,15 +34,6 @@ October 31 - November 01, 2025. In-person in Goa, India (hybrid event) + Oct 15
 
 [Website](https://www.reactindia.io) - [Twitter](https://twitter.com/react_india) - [Facebook](https://www.facebook.com/ReactJSIndia) - [Youtube](https://www.youtube.com/channel/UCaFbHCBkPvVv1bWs_jwYt3w)
 
-<<<<<<< HEAD
-
-### CityJS New Delhi 2025 {/*cityjs-newdelhi*/}
-November 6-7, 2025. In-person in New Delhi, India
-
-[Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social)
-
-=======
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 ### React Summit US 2025 {/*react-summit-us-2025*/}
 November 18 - 21, 2025. In-person in New York, USA + remote (hybrid event)
 
@@ -54,12 +45,12 @@ November 28 & December 1, 2025. In-person in London, UK + online (hybrid event)
 [Website](https://reactadvanced.com/) - [Twitter](https://x.com/reactadvanced)
 
 ### CityJS Singapore 2026 {/*cityjs-singapore-2026*/}
-February 4-6,  2026. In-person in Singapore
+February 4-6, 2026. In-person in Singapore
 
 [Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social)
 
 ### CityJS New Delhi 2026 {/*cityjs-newdelhi-2026*/}
-February 12-13,  2026. In-person in New Delhi, India
+February 12-13, 2026. In-person in New Delhi, India
 
 [Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social)
 
@@ -71,7 +62,7 @@ March 26 - 27, 2026. In-person in Paris, France (hybrid event)
 
 
 ### CityJS London 2026 {/*cityjs-london-2026*/}
-April 14-17,  2026. In-person in London
+April 14-17, 2026. In-person in London
 
 [Website](https://india.cityjsconf.org/) - [Twitter](https://x.com/cityjsconf) - [Bluesky](https://bsky.app/profile/cityjsconf.bsky.social)
 

src/content/learn/thinking-in-react.md

@@ -36,15 +36,9 @@ React로 UI를 구현하기 위해서 일반적으로 다섯 가지 단계를 
 
 어떤 배경을 가지고 있냐에 따라, 디자인을 컴포넌트로 나누는 방법에 대한 관점이 달라질 수 있습니다.
 
-<<<<<<< HEAD
 * **Programming**--새로운 함수나 객체를 만드는 방식으로 해봅시다. 이 중 [단일 책임 원칙](https://ko.wikipedia.org/wiki/%EB%8B%A8%EC%9D%BC_%EC%B1%85%EC%9E%84_%EC%9B%90%EC%B9%99)을 반영하고자 한다면 컴포넌트는 이상적으로는 한 번에 한 가지 일만 해야 합니다. 만약 컴포넌트가 점점 커진다면 작은 하위 컴포넌트로 쪼개져야 하겠죠.
 * **CSS**--클래스 선택자를 무엇으로 만들지 생각해 봅시다. (실제 컴포넌트들은 약간 더 세분되어 있습니다.)
 * **Design**--디자인 계층을 어떤 식으로 구성할 지 생각해 봅시다.
-=======
-* **Programming**--use the same techniques for deciding if you should create a new function or object. One such technique is the [separation of concerns](https://en.wikipedia.org/wiki/Separation_of_concerns), that is, a component should ideally only be concerned with one thing. If it ends up growing, it should be decomposed into smaller subcomponents. 
-* **CSS**--consider what you would make class selectors for. (However, components are a bit less granular.)
-* **Design**--consider how you would organize the design's layers.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 JSON이 잘 구조화 되어있다면, 종종 이것이 UI의 컴포넌트 구조가 자연스럽게 데이터 모델에 대응된다는 것을 발견할 수 있습니다. 이는 UI와 데이터 모델은 보통 같은 정보 아키텍처, 즉 같은 구조를 가지기 때문입니다. UI를 컴포넌트로 분리하고, 각 컴포넌트가 데이터 모델에 매칭될 수 있도록 하세요.
 

src/content/learn/understanding-your-ui-as-a-tree.md

@@ -20,11 +20,7 @@ React와 많은 다른 UI 라이브러리는 UI를 트리로 모델링합니다.
 
 ## 트리로서의 UI {/*your-ui-as-a-tree*/}
 
-<<<<<<< HEAD
-트리는 요소와 UI 사이의 관계 모델이며 UI는 종종 트리 구조를 사용하여 표현됩니다. 예를 들어, 브라우저는 HTML ([DOM](https://developer.mozilla.org/docs/Web/API/Document_Object_Model/Introduction))과 CSS ([CSSOM](https://developer.mozilla.org/docs/Web/API/CSS_Object_Model))를 모델링하기 위해 트리 구조를 사용합니다. 모바일 플랫폼도 뷰 계층 구조를 나타내는 데 트리를 사용합니다.
-=======
-Trees are a relationship model between items. The UI is often represented using tree structures. For example, browsers use tree structures to model HTML ([DOM](https://developer.mozilla.org/docs/Web/API/Document_Object_Model/Introduction)) and CSS ([CSSOM](https://developer.mozilla.org/docs/Web/API/CSS_Object_Model)). Mobile platforms also use trees to represent their view hierarchy.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
+트리는 요소 사이의 관계 모델이며 UI는 종종 트리 구조를 사용하여 표현됩니다. 예를 들어, 브라우저는 HTML ([DOM](https://developer.mozilla.org/docs/Web/API/Document_Object_Model/Introduction))과 CSS ([CSSOM](https://developer.mozilla.org/docs/Web/API/CSS_Object_Model))을 모델링하기 위해 트리 구조를 사용합니다. 모바일 플랫폼도 뷰 계층 구조를 나타내는 데 트리를 사용합니다.
 
 <Diagram name="preserving_state_dom_tree" height={193} width={864} alt="가로로 배열된 세 부분으로 구성된 다이어그램입니다. 첫 번째 부분에는 '컴포넌트 A', '컴포넌트 B', '컴포넌트 C'라는 레이블이 붙은 세 개의 직사각형이 수직으로 쌓여 있습니다. 다음 패널로 넘어가는 화살표는 위에 React 로고가 있고 'React'라고 레이블이 붙어 있습니다. 중간 섹션에는 'A'라고 레이블이 붙은 루트와 'B', 'C'라고 레이블이 붙은 두 자식이 있는 컴포넌트 트리가 포함되어 있습니다. 다음 섹션은 다시 위에 React 로고가 있는 화살표를 사용하여 'React DOM'이라는 레이블과 함께 전환됩니다. 세 번째이자 마지막 섹션은 브라우저의 와이어프레임으로, 8개의 노드가 있는 트리를 포함하고 있으며, 그 중 일부분만 강조되어 있습니다(중간 섹션에서 파생된 서브트리를 나타냅니다).">
 

src/content/reference/react-dom/hooks/index.md

@@ -4,11 +4,7 @@ title: "Built-in React DOM Hooks"
 
 <Intro>
 
-<<<<<<< HEAD
-`react-dom` 패키지는 웹 애플리케이션만 지원하는 Hook을 포함하고 있습니다. 이 Hook은 iOS, 안드로이드, Windows 애플리케이션과 같은 브라우저가 아닌 환경들은 지원하지 않습니다. 웹 브라우저뿐만 아니라 *다른 환경*에서도 지원되는 Hook을 찾고 있다면 [React Hook 페이지](/reference/react)를 참고하세요. 이 페이지는 `react-dom` 패키지에 포함된 모든 Hook을 나열하고 있습니다.
-=======
-The `react-dom` package contains Hooks that are only supported for web applications (which run in the browser DOM environment). These Hooks are not supported in non-browser environments like iOS, Android, or Windows applications. If you are looking for Hooks that are supported in web browsers *and other environments* see [the React Hooks page](/reference/react/hooks). This page lists all the Hooks in the `react-dom` package.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
+`react-dom` 패키지는 웹 애플리케이션만 지원하는 (브라우저의 DOM 환경에서 실행되는) Hook을 포함하고 있습니다. 이 Hook은 iOS, 안드로이드, Windows 애플리케이션과 같은 브라우저가 아닌 환경들은 지원하지 않습니다. 웹 브라우저뿐만 아니라 *다른 환경*에서도 지원되는 Hook을 찾고 있다면 [React Hook 페이지](/reference/react/hooks)를 참고하세요. 이 페이지는 `react-dom` 패키지에 포함된 모든 Hook을 나열하고 있습니다.
 
 </Intro>
 

src/content/reference/react-dom/static/prerenderToNodeStream.md

@@ -4,11 +4,7 @@ title: prerenderToNodeStream
 
 <Intro>
 
-<<<<<<< HEAD
 `prerenderToNodeStream`은 [Node.js Stream](https://nodejs.org/api/stream.html)을 사용하여 React 트리를 정적 HTML 문자열로 렌더링합니다.
-=======
-`prerenderToNodeStream` renders a React tree to a static HTML string using a [Node.js Stream.](https://nodejs.org/api/stream.html)
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 ```js
 const {prelude, postponed} = await prerenderToNodeStream(reactNode, options?)
@@ -92,11 +88,7 @@ app.use('/', async (request, response) => {
 
 ### React 트리를 정적 HTML 스트림으로 렌더링하기 {/*rendering-a-react-tree-to-a-stream-of-static-html*/}
 
-<<<<<<< HEAD
 `prerenderToNodeStream`를 호출해 React 트리를 정적 HTML로 렌더링하고, 이를 [Node.js Stream](https://nodejs.org/api/stream.html)에 출력합니다.
-=======
-Call `prerenderToNodeStream` to render your React tree to static HTML into a [Node.js Stream](https://nodejs.org/api/stream.html):
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 ```js [[1, 5, "<App />"], [2, 6, "['/main.js']"]]
 import { prerenderToNodeStream } from 'react-dom/static';

src/content/reference/react/use.md

@@ -33,11 +33,7 @@ function MessageComponent({ messagePromise }) {
 
 다른 React Hook과 달리 `use`는 `if`와 같은 조건문과 반복문 내부에서 호출할 수 있습니다. 다만, 다른 React Hook과 같이 `use`는 컴포넌트 또는 Hook에서만 호출해야 합니다.
 
-<<<<<<< HEAD
-Promise와 함께 호출될 때 `use` Hook은 [`Suspense`](/reference/react/Suspense) 및 [Error Boundary](/reference/react/Component#catching-rendering-errors-with-an-error-boundary)와 통합됩니다. `use`에 전달된 Promise가 대기<sup>Pending</sup>하는 동안 `use`를 호출하는 컴포넌트는 *Suspend*됩니다. `use`를 호출하는 컴포넌트가 Suspense 경계로 둘러싸여 있으면 Fallback이 표시됩니다. Promise가 리졸브되면 Suspense Fallback은 `use` Hook이 반환한 컴포넌트로 대체됩니다. `use`에 전달된 Promise가 Reject되면 가장 가까운 Error Boundary의 Fallback이 표시됩니다.
-=======
-When called with a Promise, the `use` API integrates with [`Suspense`](/reference/react/Suspense) and [Error Boundaries](/reference/react/Component#catching-rendering-errors-with-an-error-boundary). The component calling `use` *suspends* while the Promise passed to `use` is pending. If the component that calls `use` is wrapped in a Suspense boundary, the fallback will be displayed.  Once the Promise is resolved, the Suspense fallback is replaced by the rendered components using the data returned by the `use` API. If the Promise passed to `use` is rejected, the fallback of the nearest Error Boundary will be displayed.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
+Promise와 함께 호출될 때 `use` API는 [`Suspense`](/reference/react/Suspense) 및 [Error Boundary](/reference/react/Component#catching-rendering-errors-with-an-error-boundary)와 통합됩니다. `use`에 전달된 Promise가 대기<sup>Pending</sup>하는 동안 `use`를 호출하는 컴포넌트는 *Suspend*됩니다. `use`를 호출하는 컴포넌트가 Suspense 경계로 둘러싸여 있으면 Fallback이 표시됩니다. Promise가 리졸브되면 Suspense Fallback은 `use` API가 반환한 컴포넌트로 대체됩니다. `use`에 전달된 Promise가 Reject되면 가장 가까운 Error Boundary의 Fallback이 표시됩니다.
 
 [아래 예시를 참고하세요.](#usage)
 
@@ -322,29 +318,17 @@ export default async function App() {
 
 경우에 따라 `use`에 전달된 Promise가 거부될 수 있습니다. 거부된 프로미스를 처리하는 방법은 2가지가 존재합니다.
 
-<<<<<<< HEAD
 1. [Error Boundary를 사용하여 오류 표시하기](#displaying-an-error-to-users-with-error-boundary)
 2. [`Promise.catch`로 대체 값 제공하기](#providing-an-alternative-value-with-promise-catch)
-=======
-1. [Displaying an error to users with an Error Boundary.](#displaying-an-error-to-users-with-error-boundary)
-2. [Providing an alternative value with `Promise.catch`](#providing-an-alternative-value-with-promise-catch)
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 <Pitfall>
 
 `use`는 `try`-`catch` 블록에서 호출할 수 없습니다. `try`-`catch` 블록 대신 [컴포넌트를 Error Boundary로 래핑]((#displaying-an-error-to-users-with-error-boundary))하거나, Promise의 [`catch` 메서드를 사용하여 대체 값을 제공해야 합니다.]((#providing-an-alternative-value-with-promise-catch))
 </Pitfall>
 
-<<<<<<< HEAD
-#### Error Boundary를 사용하여 오류 표시하기 {/*error-boundary를-사용하여-오류-표시하기*/}
- {/*displaying-an-error-to-users-with-error-boundary*/}
+#### Error Boundary를 사용하여 오류 표시하기 {/*displaying-an-error-to-users-with-error-boundary*/}
 
 Promise가 거부될 때 오류를 표시하고 싶다면 [Error Boundary](/reference/react/Component#catching-rendering-errors-with-an-error-boundary)를 사용합니다. Error Boundary를 사용하려면 `use` API 를 호출하는 컴포넌트를 Error Boundary로 래핑합니다. `use`에 전달된 Promise가 거부되면 Error Boundary에 대한 Fallback이 표시됩니다.
-=======
-#### Displaying an error to users with an Error Boundary {/*displaying-an-error-to-users-with-error-boundary*/}
-
-If you'd like to display an error to your users when a Promise is rejected, you can use an [Error Boundary](/reference/react/Component#catching-rendering-errors-with-an-error-boundary). To use an Error Boundary, wrap the component where you are calling the `use` API in an Error Boundary. If the Promise passed to `use` is rejected the fallback for the Error Boundary will be displayed.
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
 
 <Sandpack>
 
@@ -454,14 +438,8 @@ Promise의 <CodeStep step={1}>`catch`</CodeStep> 메서드를 사용하려면 Pr
 
 ### "Suspense Exception: This is not a real error!" {/*suspense-exception-error*/}
 
-<<<<<<< HEAD
 React 컴포넌트 또는 Hook 함수 외부에서, 혹은 `try`-`catch` 블록에서 `use`를 호출하고 있는 경우입니다. `try`-`catch` 블록 내에서 `use`를 호출하는 경우 컴포넌트를 Error Boundary로 래핑하거나 Promise의 `catch`를 호출하여 오류를 발견하고 Promise를 다른 값으로 리졸브합니다. [이러한 예시들을 확인하세요](#dealing-with-rejected-promises).
 
-React 컴포넌트나 Hook 함수 외부에서 `use`를 호출하는 경우 `use` 호출을 React 컴포넌트나 Hook 함수로 이동합니다.
-=======
-You are either calling `use` outside of a React Component or Hook function, or calling `use` in a try–catch block. If you are calling `use` inside a try–catch block, wrap your component in an Error Boundary, or call the Promise's `catch` to catch the error and resolve the Promise with another value. [See these examples](#dealing-with-rejected-promises).
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
-
 
 ```jsx
 function MessageComponent({messagePromise}) {

src/content/reference/react/useRef.md

@@ -573,11 +573,7 @@ export default function MyInput({ value, onChange }) {
 }
 ```
 
-<<<<<<< HEAD
-그리고 `ref`를 컴포넌트가 받는 props 목록에 추가한 뒤, 아래처럼 해당 자식 [내장 컴포넌트](/reference/react-dom/components/common)에 prop으로 `ref`를 전달하세요.
-=======
-And then add `ref` to the list of props your component accepts and pass `ref` as a prop to the relevant child [built-in component](/reference/react-dom/components/common) like this:
->>>>>>> f8c81a0f4f8e454c850f0c854ad054b32313345c
+그리고 `ref`를 컴포넌트가 받는 Props 목록에 추가한 뒤, 아래처럼 해당 자식 [내장 컴포넌트](/reference/react-dom/components/common)에 Prop으로 `ref`를 전달하세요.
 
 ```js {1,6}
 function MyInput({ value, onChange, ref }) {