You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: ko-KR/src/api/render-function.md
+2-35Lines changed: 2 additions & 35 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,14 +1,9 @@
1
-
:::warning 현재 이 문서는 번역 작업이 진행중입니다
2
-
:::
3
-
4
1
# 렌더 함수 APIs {#render-function-apis}
5
2
6
3
## h() {#h}
7
4
8
5
가상 DOM 노드(vnode)를 생성합니다.
9
6
10
-
Creates virtual DOM nodes (vnodes).
11
-
12
7
-**타입**:
13
8
14
9
```ts
@@ -30,20 +25,14 @@ Creates virtual DOM nodes (vnodes).
30
25
```
31
26
32
27
> 가독성을 위해 유형이 단순화되었습니다.
33
-
> Types are simplified for readability.
34
28
35
29
- **세부 사항**:
36
30
37
31
첫 번째 인수는 문자열(네이티브 엘리먼트의 경우) 또는 Vue 컴포넌트 정의일 수 있습니다. 두 번째 인수는 전달할 소품이고, 세 번째 인수는 자식입니다.
38
32
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
-
41
33
컴포넌트 vnode를 생성할 때, 자식은 슬롯 함수로 전달되어야 합니다. 컴포넌트가 기본 슬롯만 기대하는 경우 단일 슬롯 함수를 전달할 수 있습니다. 그렇지 않으면 슬롯을 슬롯 함수의 객체로 전달해야 합니다.
42
34
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
-
45
35
편의상 자식이 슬롯 객체가 아닌 경우 props 인수를 생략할 수 있습니다.
46
-
For convenience, the props argument can be omitted when the children is not a slots object.
47
36
48
37
- **예제**:
49
38
@@ -118,8 +107,6 @@ Creates virtual DOM nodes (vnodes).
118
107
119
108
특정 소품에 대한 특수 처리를 사용하여 여러 소품 개체를 병합합니다.
120
109
121
-
Merge multiple props objects with special handling for certain props.
122
-
123
110
-**타입**:
124
111
125
112
```ts
@@ -130,17 +117,13 @@ Merge multiple props objects with special handling for certain props.
130
117
131
118
`mergeProps()`는 다음 프로퍼티에 대한 특수 처리를 통해 여러 프로퍼티 객체를 병합하는 것을 지원합니다:
V노드에는 특별한 내부 속성이 있으므로 복제하는 것은 객체 스프레드만큼 간단하지 않습니다. cloneVNode()`는 대부분의 내부 로직을 처리합니다.
187
170
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
-
194
171
- **예제**:
195
172
196
173
```js
@@ -204,19 +181,15 @@ Clones a vnode.
204
181
205
182
값이 v노드인지 확인합니다.
206
183
207
-
Checks if a value is a vnode.
208
-
209
184
-**타입**:
210
185
211
186
```ts
212
187
function isVNode(value:unknown):boolean
213
188
```
214
-
215
189
## resolveComponent() {#resolvecomponent}
216
190
217
-
등록된 컴포넌트를 이름으로 수동으로 확인합니다.
218
191
219
-
Formanuallyresolvingaregisteredcomponentbyname.
192
+
등록된 컴포넌트를 이름으로 수동으로 확인합니다.
220
193
221
194
-**타입**:
222
195
@@ -227,16 +200,11 @@ For manually resolving a registered component by name.
Copy file name to clipboardExpand all lines: ko-KR/src/guide/best-practices/performance.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -53,7 +53,7 @@ Vue는 수동 최적화가 크게 필요하지 않은 가장 일반적인 사용
53
53
54
54
### 올바른 아키텍처 선택 {#choosing-the-right-architecture}
55
55
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를 사용하여 향상시킬 수도 있습니다.
57
57
58
58
기본 애플리케이션이 SPA여야 하지만 마케팅 페이지(랜딩, 정보, 블로그)가 있는 경우 마케팅 페이지를 별도로 제공하세요! 마케팅 페이지는 SSG를 사용하여 최소한의 JS가 포함된 정적 HTML로 배포하는 것이 이상적입니다.
Copy file name to clipboardExpand all lines: ko-KR/src/guide/components/events.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -123,7 +123,7 @@ function increaseCount(n) {
123
123
124
124
## 발신되는 이벤트 선언하기 {#declaring-emitted-events}
125
125
126
-
컴포넌트는 <spanclass="composition-api">[`defineEmits()`](/api/sfc-script-setup.html#defineprops-defineemits)매크로</span><spanclass="options-api">[`emits`](/api/options-state.html#emits) 옵션을 사용하여 명시적으로 방출할 이벤트를 선언할 수 있습니다:
126
+
컴포넌트는 <spanclass="composition-api">[`defineEmits()`](/api/sfc-script-setup.html#defineprops-defineemits)매크로를</span><spanclass="options-api">[`emits`](/api/options-state.html#emits) 옵션을</span> 사용하여 명시적으로 방출할 이벤트를 선언할 수 있습니다:
Copy file name to clipboardExpand all lines: ko-KR/src/guide/components/slots.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -436,7 +436,7 @@ function MyComponent(slots) {
436
436
따라서 `headerProps`의 결과는 `{ message: '안녕' }`이 됩니다.
437
437
438
438
439
-
명명된 슬롯과 기본 범위 슬롯을 혼합하는 경우, 기본 슬롯에 명시적인 `<template>` 태그를 사용해야 합니다. 컴포넌트에 `v-slot` 지시어를 직접 배치하려고 하면 컴파일 오류가 발생합니다. 이는 기본 슬롯의 소품 범위에 대한 모호함을 피하기 위한 것입니다. 예를 들어
439
+
명명된 슬롯과 기본 범위 슬롯을 혼합하는 경우, 기본 슬롯에 명시적인 `<template>` 태그를 사용해야 합니다. 컴포넌트에 `v-slot` 지시어를 직접 배치하려고 하면 컴파일 오류가 발생합니다. 이는 기본 슬롯의 prop 범위에 대한 모호함을 피하기 위한 것입니다. 예를 들어
440
440
441
441
```vue-html
442
442
<!-- This template won't compile -->
@@ -451,7 +451,7 @@ function MyComponent(slots) {
451
451
</template>
452
452
```
453
453
454
-
기본 슬롯에 명시적인 `<template>` 태그를 사용하면 다른 슬롯에서 `message`소품을 사용할 수 없음을 명확히 알 수 있습니다:
454
+
기본 슬롯에 명시적인 `<template>` 태그를 사용하면 다른 슬롯에서 `message`prop을 사용할 수 없음을 명확히 알 수 있습니다:
0 commit comments