Skip to content

Commit 5b643d5

Browse files
committed
docs: fix conflicts in sync with react.dev
1 parent 8233481 commit 5b643d5

2 files changed

Lines changed: 8 additions & 30 deletions

File tree

src/content/learn/react-compiler.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,13 +19,9 @@ title: React 컴파일러
1919
</YouWillLearn>
2020

2121
<Note>
22-
<<<<<<< HEAD
23-
React 컴파일러는 커뮤니티로부터 초기 피드백을 받기 위해 오픈소스로 공개된 새로운 실험적 컴파일러입니다. 아직 안정적이지 않으며 프로덕션 환경에서는 완전히 준비되지 않았습니다.
22+
React 컴파일러는 커뮤니티로부터 초기 피드백을 받기 위해 오픈소스로 공개한 새로운 실험적 컴파일러입니다. 아직 안정적이지 않으며 프로덕션 환경에서는 완전히 준비되지 않았습니다.
2423

2524
React 컴파일러는 React 19 RC를 필요로 합니다. React 19로 업그레이드할 수 없는 경우 [워킹 그룹](https://github.com/reactwg/react-compiler/discussions/6)에 설명된 대로 사용자 공간 캐시 함수 구현을 시도해 볼 수 있습니다. 그러나 이 방법은 권장하지 않으며 가능한 한 React 19로 업그레이드하는 것이 좋습니다.
26-
=======
27-
React Compiler is a new experimental compiler that we've open sourced to get early feedback from the community. It still has rough edges and is not yet fully ready for production.
28-
>>>>>>> 2b2d0f2309f49c82cf5bb88ea62fb2e44661c634
2925
</Note>
3026

3127
React 컴파일러는 빌드 타임 전용 도구로 React 앱을 자동으로 최적화합니다. 순수 JavaScript로 동작하며 [React의 규칙](/reference/rules)을 이해하므로 코드를 다시 작성할 필요가 없습니다.

src/content/reference/react/useActionState.md

Lines changed: 7 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -35,11 +35,7 @@ const [state, formAction, isPending] = useActionState(fn, initialState, permalin
3535
3636
{/* TODO T164397693: link to actions documentation once it exists */}
3737
38-
<<<<<<< HEAD
39-
컴포넌트 최상위 레벨에서 `useActionState`를 호출하여 [폼 액션이 실행될 때](/reference/react-dom/components/form) 업데이트되는 컴포넌트 state를 생성합니다. `useActionState`에 기존의 폼 작업 함수와 초기 state를 전달하면, 최신 폼 state와 함께 폼에서 사용하는 새로운 액션을 반환합니다. 최신 폼 state 또한 제공된 함수에 전달됩니다.
40-
=======
41-
Call `useActionState` at the top level of your component to create component state that is updated [when a form action is invoked](/reference/react-dom/components/form). You pass `useActionState` an existing form action function as well as an initial state, and it returns a new action that you use in your form, along with the latest form state and whether the Action is still pending. The latest form state is also passed to the function that you provided.
42-
>>>>>>> 2b2d0f2309f49c82cf5bb88ea62fb2e44661c634
38+
컴포넌트 최상위 레벨에서 `useActionState`를 호출하여 [폼 액션이 실행될 때](/reference/react-dom/components/form) 업데이트되는 컴포넌트 state를 생성합니다. `useActionState`는 기존의 폼 액션 함수와 초기 state를 전달받고, 폼에서 사용할 새로운 액션을 반환합니다. 이와 함께 최신 폼 state와 액션이 여전히 진행(Pending) 중인지 여부도 반환합니다. 최신 폼 State는 제공된 함수에도 전달됩니다.
4339
4440
```js
4541
import { useActionState } from "react";
@@ -75,18 +71,11 @@ Server Action과 함께 사용하는 경우, `useActionState`를 사용하여 hy
7571
7672
#### 반환값 {/*returns*/}
7773
78-
<<<<<<< HEAD
79-
`useActionState`는 정확히 두 개의 값이 담긴 배열을 반환합니다.
74+
`useActionState`는 다음 3가지 값들이 포함된 배열을 반환합니다.
8075
8176
1. 현재 state입니다. 첫 번째 렌더링에서는 전달한 `initialState`와 일치합니다. 액션이 실행된 이후에는 액션에서 반환한 값과 일치합니다.
8277
2. `form` 컴포넌트의 `action` prop에 전달하거나 폼 내부 `button` 컴포넌트의 `formAction` prop에 전달할 수 있는 새로운 액션입니다.
83-
=======
84-
`useActionState` returns an array with the following values:
85-
86-
1. The current state. During the first render, it will match the `initialState` you have passed. After the action is invoked, it will match the value returned by the action.
87-
2. A new action that you can pass as the `action` prop to your `form` component or `formAction` prop to any `button` component within the form.
88-
3. The `isPending` flag that tells you whether there is a pending Transition.
89-
>>>>>>> 2b2d0f2309f49c82cf5bb88ea62fb2e44661c634
78+
3. 대기 중인 전환(Pending Transition)이 있는지 여부를 알려주는 `isPending` 플래그입니다.
9079
9180
#### 주의 사항 {/*caveats*/}
9281
@@ -116,18 +105,11 @@ function MyComponent() {
116105
}
117106
```
118107
119-
<<<<<<< HEAD
120-
`useActionState`는 정확히 두 개의 항목으로 구성된 배열을 반환합니다.
121-
122-
1. 폼의 <CodeStep step={1}>현재 state</CodeStep>입니다. 처음에는 제공한 <CodeStep step={4}>초기 state</CodeStep>로 설정되며, 폼이 제출된 후에는 전달한 <CodeStep step={3}>액션</CodeStep>의 반환값으로 설정됩니다.
123-
2. `<form>``action` prop에 전달할 <CodeStep step={2}>새로운 action</CodeStep>입니다.
124-
=======
125-
`useActionState` returns an array with the following items:
108+
`useActionState`는 다음 3가지 항목들이 포함된 배열을 반환합니다.
126109
127-
1. The <CodeStep step={1}>current state</CodeStep> of the form, which is initially set to the <CodeStep step={4}>initial state</CodeStep> you provided, and after the form is submitted is set to the return value of the <CodeStep step={3}>action</CodeStep> you provided.
128-
2. A <CodeStep step={2}>new action</CodeStep> that you pass to `<form>` as its `action` prop.
129-
3. A <CodeStep step={1}>pending state</CodeStep> that you can utilise whilst your action is processing.
130-
>>>>>>> 2b2d0f2309f49c82cf5bb88ea62fb2e44661c634
110+
1. 폼의 <CodeStep step={1}>현재 state</CodeStep>입니다. 처음에는 전달한 <CodeStep step={4}>초기 state</CodeStep>로 설정되며, 폼이 제출된 후에는 전달한 <CodeStep step={3}>액션</CodeStep>의 반환값으로 설정됩니다.
111+
2. `<form>``action` prop에 전달할 <CodeStep step={2}>새로운 액션</CodeStep>입니다.
112+
3. 액션이 처리되는 동안 사용할 수 있는 <CodeStep step={1}>대기(Pending) state</CodeStep>입니다.
131113
132114
폼을 제출하면 전달한 <CodeStep step={3}>액션</CodeStep> 함수가 호출됩니다. 액션의 반환값은 폼의 새로운 <CodeStep step={1}>현재 state</CodeStep>가 됩니다.
133115

0 commit comments

Comments
 (0)