Skip to content

Commit 34da737

Browse files
committed
빌드 성공
1 parent 9410ee5 commit 34da737

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

49 files changed

+288
-375
lines changed

ko-KR/.vitepress/config.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -168,7 +168,7 @@ export const sidebar: ThemeConfig['sidebar'] = {
168168
},
169169
{ text: 'Form 입력 바인딩', link: '/guide/essentials/forms' },
170170
{
171-
text: '수명주기 훅',
171+
text: '생명주기 훅',
172172
link: '/guide/essentials/lifecycle'
173173
},
174174
{ text: '감시자', link: '/guide/essentials/watchers' },
@@ -358,7 +358,7 @@ export const sidebar: ThemeConfig['sidebar'] = {
358358
link: '/api/reactivity-advanced'
359359
},
360360
{
361-
text: '수명주기 훅',
361+
text: '생명주기 훅',
362362
link: '/api/composition-api-lifecycle'
363363
},
364364
{
@@ -373,7 +373,7 @@ export const sidebar: ThemeConfig['sidebar'] = {
373373
{ text: '옵션: 상태', link: '/api/options-state' },
374374
{ text: '옵션: 렌더링', link: '/api/options-rendering' },
375375
{
376-
text: '옵션: 수명주기',
376+
text: '옵션: 생명주기',
377377
link: '/api/options-lifecycle'
378378
},
379379
{

ko-KR/src/api/composition-api-lifecycle.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
# 컴포지션 API: 수명주기 훅 {#composition-api-lifecycle-hooks}
1+
# 컴포지션 API: 생명주기 훅 {#composition-api-lifecycle-hooks}
22

33
:::info 사용 참고 사항
44
이 페이지에 나열된 모든 API는 컴포넌트의 `setup()` 단계에서 동기적으로 호출되어야 합니다.
5-
자세한 내용은 [가이드 - 수명주기](/guide/essentials/lifecycle.html)을 참고하세요.
5+
자세한 내용은 [가이드 - 생명주기](/guide/essentials/lifecycle.html)을 참고하세요.
66
:::
77

88
## onMounted() {#onmounted}
@@ -133,7 +133,7 @@
133133
</script>
134134
```
135135

136-
## onBeforeMount() {#onbeforeupdate}
136+
## onBeforeMount() {#onbeforemount}
137137

138138
컴포넌트가 마운트되기 직전에 호출될 훅을 등록합니다.
139139

@@ -205,7 +205,7 @@
205205

206206
- 컴포넌트 렌더
207207
- 이벤트 핸들러
208-
- 수명주기
208+
- 생명주기
209209
- `setup()` 함수
210210
- 감시자
211211
- 커스텀 디렉티브 훅

ko-KR/src/api/composition-api-setup.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ export default {
4545
[자동으로 얕은 언래핑](/guide/essentials/reactivity-fundamentals.html#deep-reactivity)되므로, 접근할 때 `.value`를 사용할 필요가 없습니다.
4646
또한 `this`에서 접근할 때, 같은 방식으로 언래핑 됩니다.
4747

48-
`setup()`은 객체를 _동기적으로_ 반환해야 합니다. `async setup()`을 사용할 수 있는 유일한 경우는 컴포넌트가 [Suspense](../guide/built-in/suspense.html) 컴포넌트의 자손인 경우입니다.
48+
`setup()`은 객체를 _동기적으로_ 반환해야 합니다. `async setup()`을 사용할 수 있는 유일한 경우는 컴포넌트가 [Suspense](../guide/built-ins/suspense) 컴포넌트의 자손인 경우입니다.
4949

5050
## Props에 접근하기 {#accessing-props}
5151

ko-KR/src/api/options-lifecycle.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
# 옵션: 수명주기 {#options-lifecycle}
1+
# 옵션: 생명주기 {#options-lifecycle}
22

33
:::info 참고
4-
수명주기 훅의 여러 사용법에 대해서는 [가이드 - 수명주기](/guide/essentials/lifecycle.html)을 참고하십시오.
4+
생명주기 훅의 여러 사용법에 대해서는 [가이드 - 생명주기](/guide/essentials/lifecycle.html)을 참고하십시오.
55
:::
66

77
## beforeCreate {#beforecreate}
@@ -197,7 +197,7 @@
197197

198198
- 컴포넌트 렌더
199199
- 이벤트 핸들러
200-
- 수명주기
200+
- 생명주기
201201
- `setup()` 함수
202202
- 감시자
203203
- 커스텀 디렉티브 훅
@@ -291,7 +291,7 @@
291291
}
292292
```
293293

294-
- **참고**: [가이드 - 캐시된 인스턴스의 수명주기](/guide/built-ins/keep-alive.html#lifecycle-of-cached-instance)
294+
- **참고**: [가이드 - 캐시된 인스턴스의 생명주기](/guide/built-ins/keep-alive.html#lifecycle-of-cached-instance)
295295

296296
## deactivated {#deactivated}
297297

@@ -307,7 +307,7 @@
307307
}
308308
```
309309

310-
- **참고**: [가이드 - 캐시된 인스턴스의 수명주기](/guide/built-ins/keep-alive.html#lifecycle-of-cached-instance)
310+
- **참고**: [가이드 - 캐시된 인스턴스의 생명주기](/guide/built-ins/keep-alive.html#lifecycle-of-cached-instance)
311311

312312
## serverPrefetch <sup class="vt-badge" data-text="SSR 전용" /> {#serverprefetch}
313313

ko-KR/src/api/render-function.md

Lines changed: 2 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,9 @@
1-
:::warning 현재 이 문서는 번역 작업이 진행중입니다
2-
:::
3-
41
# 렌더 함수 APIs {#render-function-apis}
52

63
## h() {#h}
74

85
가상 DOM 노드(vnode)를 생성합니다.
96

10-
Creates virtual DOM nodes (vnodes).
11-
127
- **타입**:
138

149
```ts
@@ -30,20 +25,14 @@ Creates virtual DOM nodes (vnodes).
3025
```
3126
3227
> 가독성을 위해 유형이 단순화되었습니다.
33-
> Types are simplified for readability.
3428
3529
- **세부 사항**:
3630
3731
첫 번째 인수는 문자열(네이티브 엘리먼트의 경우) 또는 Vue 컴포넌트 정의일 수 있습니다. 두 번째 인수는 전달할 소품이고, 세 번째 인수는 자식입니다.
3832
39-
The first argument can either be a string (for native elements) or a Vue component definition. The second argument is the props to be passed, and the third argument is the children.
40-
4133
컴포넌트 vnode를 생성할 때, 자식은 슬롯 함수로 전달되어야 합니다. 컴포넌트가 기본 슬롯만 기대하는 경우 단일 슬롯 함수를 전달할 수 있습니다. 그렇지 않으면 슬롯을 슬롯 함수의 객체로 전달해야 합니다.
4234
43-
When creating a component vnode, the children must be passed as slot functions. A single slot function can be passed if the component expects only the default slot. Otherwise, the slots must be passed as an object of slot functions.
44-
4535
편의상 자식이 슬롯 객체가 아닌 경우 props 인수를 생략할 수 있습니다.
46-
For convenience, the props argument can be omitted when the children is not a slots object.
4736
4837
- **예제**:
4938
@@ -118,8 +107,6 @@ Creates virtual DOM nodes (vnodes).
118107

119108
특정 소품에 대한 특수 처리를 사용하여 여러 소품 개체를 병합합니다.
120109

121-
Merge multiple props objects with special handling for certain props.
122-
123110
- **타입**:
124111

125112
```ts
@@ -130,17 +117,13 @@ Merge multiple props objects with special handling for certain props.
130117

131118
`mergeProps()`는 다음 프로퍼티에 대한 특수 처리를 통해 여러 프로퍼티 객체를 병합하는 것을 지원합니다:
132119

133-
`mergeProps()` supports merging multiple props objects with special handling for the following props:
134-
135120
- `class`
136121
- `style`
137122
- `onXxx` 이벤트 리스너 - 같은 이름을 가진 여러 리스너가 배열로 병합됩니다.
138123
- `onXxx` event listeners - multiple listeners with the same name will be merged into an array.
139124

140125
병합 동작이 필요하지 않고 간단한 덮어쓰기를 원하는 경우 네이티브 객체 스프레드를 대신 사용할 수 있습니다.
141126

142-
If you do not need the merge behavior and want simple overwrites, native object spread can be used instead.
143-
144127
- **예제**:
145128

146129
```js
@@ -185,12 +168,6 @@ Clones a vnode.
185168

186169
V노드에는 특별한 내부 속성이 있으므로 복제하는 것은 객체 스프레드만큼 간단하지 않습니다. cloneVNode()`는 대부분의 내부 로직을 처리합니다.
187170
188-
Returns a cloned vnode, optionally with extra props to merge with the original.
189-
190-
Vnodes should be considered immutable once created, and you should not mutate the props of an existing vnode. Instead, clone it with different / extra props.
191-
192-
Vnodes have special internal properties, so cloning them is not as simple as an object spread. `cloneVNode()` handles most of the internal logic.
193-
194171
- **예제**:
195172
196173
```js
@@ -204,19 +181,15 @@ Clones a vnode.
204181

205182
값이 v노드인지 확인합니다.
206183

207-
Checks if a value is a vnode.
208-
209184
- **타입**:
210185

211186
```ts
212187
function isVNode(value: unknown): boolean
213188
```
214-
215189
## resolveComponent() {#resolvecomponent}
216190

217-
등록된 컴포넌트를 이름으로 수동으로 확인합니다.
218191

219-
For manually resolving a registered component by name.
192+
등록된 컴포넌트를 이름으로 수동으로 확인합니다.
220193

221194
- **타입**:
222195

@@ -227,16 +200,11 @@ For manually resolving a registered component by name.
227200
- **세부 사항**:
228201

229202
**참고: 컴포넌트를 직접 임포트할 수 있는 경우에는 이 작업이 필요하지 않습니다.**
230-
**Note: you do not need this if you can import the component directly.**
231203

232-
올바른 컴포넌트 컨텍스트에서 확인하려면 `setup()` 또는 렌더 함수 내부에서 `resolveComponent()`<span class="composition-api"> 호출해야 합니다.
204+
올바른 컴포넌트 컨텍스트에서 확인하려면 <span class="composition-api">`setup()` 또는 </span> 렌더 함수 내부에서 `resolveComponent()`를 호출해야 합니다.
233205

234206
컴포넌트를 찾을 수 없는 경우 런타임 경고가 발생하고 이름 문자열이 반환됩니다.
235207

236-
`resolveComponent()` must be called inside<span class="composition-api"> either `setup()` or</span> the render function in order to resolve from the correct component context.
237-
238-
If the component is not found, a runtime warning will be emitted, and the name string is returned.
239-
240208
- **예제**:
241209

242210
<div class="composition-api">
@@ -268,7 +236,6 @@ For manually resolving a registered component by name.
268236
}
269237
}
270238
```
271-
272239
</div>
273240

274241
- **참고**: [가이드 - Render Functions - Components](/guide/extras/render-function.html#components)

ko-KR/src/api/utility-types.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@ Used to augment the component options type to support custom options.
9595

9696
## ComponentCustomProps {#componentcustomprops}
9797

98-
TSX 요소에 신고되지 않은 소품을 사용하기 위해 허용된 TSX 소품을 보강하는 데 사용됩니다.
98+
TSX 요소에 신고되지 않은 prop을 사용하기 위해 허용된 TSX prop을 보강하는 데 사용됩니다.
9999

100100
Used to augment allowed TSX props in order to use non-declared props on TSX elements.
101101

ko-KR/src/guide/best-practices/performance.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ Vue는 수동 최적화가 크게 필요하지 않은 가장 일반적인 사용
5353

5454
### 올바른 아키텍처 선택 {#choosing-the-right-architecture}
5555

56-
사용 사례가 페이지 로드 성능에 민감한 경우 순수한 클라이언트 측 SPA로 전송하지 마세요. 사용자가 보고자 하는 콘텐츠가 포함된 HTML을 서버가 직접 전송해야 합니다. 순수 클라이언트 측 렌더링은 콘텐츠에 도달하는 시간이 느립니다. 서버 측 렌더링(SSR)](/guide/extras/ways-of-use-vue.html#fullstack-ssr) 또는 [정적 사이트 생성(SSG)](/guide/extras/ways-of-use-vue.html#jamstack-ssg)을 사용하면 이를 완화할 수 있습니다. SSR 가이드](/guide/scaling-up/ssr.html)를 확인하여 Vue로 SSR을 수행하는 방법에 대해 알아보세요. 앱에 풍부한 인터랙티브 요구 사항이 없는 경우 기존 백엔드 서버를 사용하여 HTML을 렌더링하고 클라이언트에서 Vue를 사용하여 향상시킬 수도 있습니다.
56+
사용 사례가 페이지 로드 성능에 민감한 경우 순수한 클라이언트 측 SPA로 전송하지 마세요. 사용자가 보고자 하는 콘텐츠가 포함된 HTML을 서버가 직접 전송해야 합니다. 순수 클라이언트 측 렌더링은 콘텐츠에 도달하는 시간이 느립니다. 서버 측 렌더링(SSR)](/guide/extras/ways-of-using-vue.html#fullstack-ssr) 또는 [정적 사이트 생성(SSG)](/guide/extras/ways-of-using-vue.html#jamstack-ssg)을 사용하면 이를 완화할 수 있습니다. SSR 가이드](/guide/scaling-up/ssr.html)를 확인하여 Vue로 SSR을 수행하는 방법에 대해 알아보세요. 앱에 풍부한 인터랙티브 요구 사항이 없는 경우 기존 백엔드 서버를 사용하여 HTML을 렌더링하고 클라이언트에서 Vue를 사용하여 향상시킬 수도 있습니다.
5757

5858
기본 애플리케이션이 SPA여야 하지만 마케팅 페이지(랜딩, 정보, 블로그)가 있는 경우 마케팅 페이지를 별도로 제공하세요! 마케팅 페이지는 SSG를 사용하여 최소한의 JS가 포함된 정적 HTML로 배포하는 것이 이상적입니다.
5959

ko-KR/src/guide/built-ins/keep-alive.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,7 @@ import SwitchComponent from './keep-alive-demos/SwitchComponent.vue'
9393
</KeepAlive>
9494
```
9595

96-
## 캐시된 인스턴스의 수명주기 {#lifecycle-of-cached-instance}
96+
## 캐시된 인스턴스의 생명주기 {#lifecycle-of-cached-instance}
9797

9898
컴포넌트 인스턴스가 DOM에서 제거되었지만 `<KeepAlive>`에 의해 캐시된 컴포넌트 트리의 일부인 경우,
9999
마운트 해제되는 대신 **비활성화됨** 상태가 됩니다.

ko-KR/src/guide/components/events.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -123,7 +123,7 @@ function increaseCount(n) {
123123

124124
## 발신되는 이벤트 선언하기 {#declaring-emitted-events}
125125

126-
컴포넌트는 <span class="composition-api">[`defineEmits()`](/api/sfc-script-setup.html#defineprops-defineemits) 매크로</span><span class="options-api">[`emits`](/api/options-state.html#emits) 옵션을 사용하여 명시적으로 방출할 이벤트를 선언할 수 있습니다:
126+
컴포넌트는 <span class="composition-api">[`defineEmits()`](/api/sfc-script-setup.html#defineprops-defineemits) 매크로를</span><span class="options-api">[`emits`](/api/options-state.html#emits) 옵션을</span> 사용하여 명시적으로 방출할 이벤트를 선언할 수 있습니다:
127127

128128

129129
<div class="composition-api">

ko-KR/src/guide/components/slots.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -436,7 +436,7 @@ function MyComponent(slots) {
436436
따라서 `headerProps`의 결과는 `{ message: '안녕' }`이 됩니다.
437437

438438

439-
명명된 슬롯과 기본 범위 슬롯을 혼합하는 경우, 기본 슬롯에 명시적인 `<template>` 태그를 사용해야 합니다. 컴포넌트에 `v-slot` 지시어를 직접 배치하려고 하면 컴파일 오류가 발생합니다. 이는 기본 슬롯의 소품 범위에 대한 모호함을 피하기 위한 것입니다. 예를 들어
439+
명명된 슬롯과 기본 범위 슬롯을 혼합하는 경우, 기본 슬롯에 명시적인 `<template>` 태그를 사용해야 합니다. 컴포넌트에 `v-slot` 지시어를 직접 배치하려고 하면 컴파일 오류가 발생합니다. 이는 기본 슬롯의 prop 범위에 대한 모호함을 피하기 위한 것입니다. 예를 들어
440440

441441
```vue-html
442442
<!-- This template won't compile -->
@@ -451,7 +451,7 @@ function MyComponent(slots) {
451451
</template>
452452
```
453453

454-
기본 슬롯에 명시적인 `<template>` 태그를 사용하면 다른 슬롯에서 `message` 소품을 사용할 수 없음을 명확히 알 수 있습니다:
454+
기본 슬롯에 명시적인 `<template>` 태그를 사용하면 다른 슬롯에서 `message` prop을 사용할 수 없음을 명확히 알 수 있습니다:
455455

456456
```vue-html
457457
<template>

0 commit comments

Comments
 (0)