Skip to content

Commit 350b212

Browse files
committed
Update: Translate manual api docs
1 parent c263d91 commit 350b212

File tree

8 files changed

+109
-168
lines changed

8 files changed

+109
-168
lines changed
Lines changed: 17 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
A type of [block](api/core/@defer) that can be used to defer load the JavaScript for components,
2-
directives and pipes used inside a component template.
1+
컴포넌트 템플릿 내에서 사용되는 컴포넌트, 지시자 및 파이프의 JavaScript를 지연 로드하는 데 사용할 수 있는 [block](api/core/@defer)의 유형입니다.
32

43
## Syntax
54

@@ -23,41 +22,37 @@ directives and pipes used inside a component template.
2322

2423
### Blocks
2524

26-
Supported sections of a defer block. Note: only the @defer block template fragment is deferred
27-
loaded. The remaining optional blocks are eagerly loaded.
25+
지연 블록의 지원되는 섹션. 참고: @defer 블록 템플릿 조각만 지연 로드됩니다. 나머지 선택적 블록은 즉시 로드됩니다.
2826

2927
| block | Description |
3028
|----------------|----------------------------------------------------------|
31-
| `@defer` | The defer loaded block of content |
32-
| `@placeholder` | Content shown prior to defer loading (Optional) |
33-
| `@loading` | Content shown during defer loading (Optional) |
34-
| `@error` | Content shown when defer loading errors occur (Optional) |
29+
| `@defer` | 지연 로드된 콘텐츠 블록 |
30+
| `@placeholder` | 지연 로드 전에 표시되는 콘텐츠 (선택 사항) |
31+
| `@loading` | 지연 로드 중에 표시되는 콘텐츠 (선택 사항) |
32+
| `@error` | 지연 로드 오류가 발생할 때 표시되는 콘텐츠 (선택 사항) |
3533

3634
<h3>Triggers</h3>
3735

38-
Triggers provide conditions for when defer loading occurs. Some allow a template reference variable
39-
as an optional parameter. Separate multiple triggers with a semicolon.
36+
트리거는 지연 로드가 발생하는 조건을 제공합니다. 일부는 선택적 매개변수로 템플릿 참조 변수를 허용합니다. 여러 개의 트리거는 세미콜론으로 구분합니다.
4037

41-
| trigger | Triggers... |
38+
| trigger | Triggers... |
4239
|---------------------------------|-----------------------------------------------|
43-
| `on idle` | when the browser reports idle state (default) |
44-
| `on viewport(<elementRef>?)` | when the element enters the viewport |
45-
| `on interaction(<elementRef>?)` | when clicked, touched, or focused |
46-
| `on hover(<elementRef>?)` | when element has been hovered |
47-
| `on immediate` | when the page finishes rendering |
48-
| `on timer(<duration>)` | after a specific timeout |
49-
| `when <condition>` | on a custom condition |
40+
| `on idle` | 브라우저가 유휴 상태를 보고할 때 (기본값) |
41+
| `on viewport(<elementRef>?)` | 요소가 뷰포트에 들어갈 때 |
42+
| `on interaction(<elementRef>?)` | 클릭, 터치, 또는 포커스될 때 |
43+
| `on hover(<elementRef>?)` | 요소가 호버될 때 |
44+
| `on immediate` | 페이지 렌더링이 완료될 때 |
45+
| `on timer(<duration>)` | 특정 시간 초과 후 |
46+
| `when <condition>` | 사용자 정의 조건에서 |
5047

5148
<h2>Prefetch</h2>
5249

53-
Configures prefetching of the defer block used in the `@defer` parameters, but does not affect
54-
rendering. Rendering is handled by the standard `on` and `when` conditions. Separate multiple
55-
prefetch configurations with a semicolon.
50+
`@defer` 매개변수로 사용되는 지연 블록의 프리패칭을 구성하지만 렌더링에는 영향을 주지 않습니다. 렌더링은 표준 `on``when` 조건에 의해 처리됩니다. 여러 프리패치 구성을 세미콜론으로 구분합니다.
5651

5752
```angular-html
5853
@defer (prefetch on <trigger>; prefetch when <condition>) {
5954
<!-- deferred template fragment -->
6055
}
6156
```
6257

63-
Learn more in the [defer loading guide](guide/defer).
58+
[지연 로드 가이드](guide/defer)에서 더 알아보세요.
Lines changed: 22 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,60 +1,50 @@
1-
The `@for` block repeatedly renders content of a block for each item in a collection.
1+
`@for` 블록은 컬렉션의 각 항목에 대해 블록의 내용을 반복적으로 렌더링합니다.
22

3-
## Syntax
3+
## 구문
44

55
```angular-html
66
@for (item of items; track item.name) {
77
<li>{{ item.name }}</li>
88
} @empty {
9-
<li>There are no items.</li>
9+
<li>항목이 없습니다.</li>
1010
}
1111
```
1212

13-
## Description
13+
## 설명
1414

15-
The `@for` block renders its content in response to changes in a collection. Collections can be any
16-
JavaScript [iterable](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols),
17-
but there are performance advantages of using a regular `Array`.
15+
`@for` 블록은 컬렉션의 변화에 반응하여 그 내용을 렌더링합니다. 컬렉션은 어떤 JavaScript [이터러블](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) 일 수 있지만, 일반 `Array`를 사용하는 것이 성능상 이점이 있습니다.
1816

19-
You can optionally include an `@empty` section immediately after the `@for` block content. The
20-
content of the `@empty` block displays when there are no items.
17+
선택적으로 `@for` 블록 내용 바로 뒤에 `@empty` 섹션을 포함할 수 있습니다. `@empty` 블록의 내용은 항목이 없을 때 표시됩니다.
2118

22-
Angular's `@for` block does not support flow-modifying statements like JavaScript's `continue` or `break`.
19+
Angular의 `@for` 블록은 JavaScript의 `continue``break`와 같은 흐름 수정문을 지원하지 않습니다.
2320

24-
### `track` and objects identity
21+
### `track` 및 객체 식별성
2522

26-
The value of the `track` expression determines a key used to associate array items with the views in
27-
the DOM. Having clear indication of the item identity allows Angular to execute a minimal set of DOM
28-
operations as items are added, removed or moved in a collection.
23+
`track` 표현식의 값은 배열 항목과 DOM 내의 뷰를 연관시키는 데 사용되는 키를 결정합니다. 항목의 식별성을 명확하게 나타내면 Angular가 컬렉션에서 항목이 추가, 제거 또는 이동될 때 최소한의 DOM 작업을 실행할 수 있습니다.
2924

30-
To optimize performance, especially in loops over immutable data, ensure the track expression is effectively used to
31-
identify each item uniquely. Because of the potential for poor performance, the `track` expression
32-
is required for the `@for` loops.
25+
성능을 최적화하기 위해, 특히 변경 불가능한 데이터에 대한 루프에서, `track` 표현식이 각 항목을 고유하게 식별하는 데 효과적으로 사용되도록 합니다. 성능 저하의 가능성 때문에 `@for` 루프에서는 `track` 표현식이 필수입니다.
3326

34-
For collections that remain static , `track $index` provides a straightforward tracking mechanism. For dynamic
35-
collections experiencing additions, deletions, or reordering, opt for a
36-
unique property of each item as the tracking key.
27+
정적 컬렉션의 경우, `track $index`는 직관적인 추적 메커니즘을 제공합니다. 추가, 삭제 또는 재정렬을 경험하는 동적 컬렉션의 경우, 각 항목의 고유한 속성을 추적 키로 선택하십시오.
3728

38-
### `$index` and other contextual variables
29+
### `$index` 및 기타 문맥 변수
3930

40-
Inside `@for` contents, several implicit variables are always available:
31+
`@for` 내용 안에는 항상 몇 가지 암시적 변수가 사용 가능합니다:
4132

42-
| Variable | Meaning |
33+
| 변수 | 의미 |
4334
|----------|-----------------------------------------------|
44-
| `$count` | Number of items in a collection iterated over |
45-
| `$index` | Index of the current row |
46-
| `$first` | Whether the current row is the first row |
47-
| `$last` | Whether the current row is the last row |
48-
| `$even` | Whether the current row index is even |
49-
| `$odd` | Whether the current row index is odd |
35+
| `$count` | 반복된 컬렉션의 항목 수 |
36+
| `$index` | 현재 행의 인덱스 |
37+
| `$first` | 현재 행이 첫 번째 행인지 여부 |
38+
| `$last` | 현재 행이 마지막 행인지 여부 |
39+
| `$even` | 현재 행 인덱스가 짝수인지 여부 |
40+
| `$odd` | 현재 행 인덱스가 홀수인지 여부 |
5041

51-
These variables are always available with these names, but can be aliased via a `let` segment:
42+
이 변수들은 항상 이 이름들로 사용 가능하지만, `let` 세그먼트를 통해 별칭을 지정할 수 있습니다:
5243

5344
```angular-html
5445
@for (item of items; track item.id; let idx = $index, e = $even) {
5546
Item #{{ idx }}: {{ item.name }}
5647
}
5748
```
5849

59-
The aliasing is especially useful in case of using nested `@for` blocks where contextual variable
60-
names could collide.
50+
별칭 지정은 문맥 변수 이름이 충돌할 수 있는 중첩된 `@for` 블록을 사용할 경우 특히 유용합니다.

tools/manual_api_docs/blocks/if.md

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,22 @@
1-
The `@if` block conditionally displays its content when its condition expression is truthy.
1+
`@if` 블록은 조건 표현식이 참일 때 내용을 조건부로 표시합니다.
22

33
## Syntax
44

55
```angular-html
66
@if (a > b) {
7-
{{a}} is greater than {{b}}
7+
{{a}}{{b}}보다 큽니다.
88
} @else if (b > a) {
9-
{{a}} is less than {{b}}
9+
{{a}}{{b}}보다 작습니다.
1010
} @else {
11-
{{a}} is equal to {{b}}
11+
{{a}}{{b}}와 같습니다.
1212
}
1313
```
1414

1515
## Description
1616

17-
Content is added and removed from the DOM based on the evaluation of conditional expressions in
18-
the `@if` and `@else` blocks.
17+
내용은 `@if``@else` 블록에서 조건 표현식의 평가에 따라 DOM에 추가되고 제거됩니다.
1918

20-
The built-in `@if` supports referencing of expression results to keep a solution for common coding
21-
patterns:
19+
내장된 `@if`는 일반적인 코딩 패턴을 위한 솔루션을 유지하기 위해 표현식 결과의 참조를 지원합니다:
2220

2321
```angular-html
2422
@if (users$ | async; as users) {
Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
`@let` allows you to define a local variable and re-use it across the template.
1+
`@let`는 지역 변수를 정의하고 템플릿 전역에서 재사용할 수 있도록 합니다.
22

33
## Syntax
44

@@ -9,13 +9,13 @@
99

1010
## Description
1111

12-
`@let` declarations are similar to [JavaScript's `let`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let) and
13-
their values can be any valid Angular expression. The expressions will be re-evaluated everytime the template is executed.
12+
`@let` 선언은 [JavaScript의 `let`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let)과 유사하며,
13+
그 값은 유효한 Angular 표현식일 수 있습니다. 표현식은 템플릿이 실행될 때마다 다시 평가됩니다.
1414

15-
Similarly to JavaScript variables, variables declared with `@let`, can be used:
15+
JavaScript 변수와 유사하게, `@let`으로 선언된 변수는 다음과 같이 사용할 수 있습니다:
1616

17-
- After they have been declared
18-
- Within the bound of the same scope and nested scopes
17+
- 선언된 후
18+
- 동일하거나 하위 스코프 내에서
1919

2020
```angular-html
2121
@let user = user$ | async;
@@ -34,15 +34,15 @@ Similarly to JavaScript variables, variables declared with `@let`, can be used:
3434
}
3535
```
3636

37-
## Syntax definition
37+
## 구문 정의
3838

39-
The `@let` syntax is formally defined as:
39+
`@let` 구문은 공식적으로 다음과 같이 정의됩니다:
4040

41-
- The `@let` keyword.
42-
- Followed by one or more whitespaces, not including new lines.
43-
- Followed by a valid JavaScript name and zero or more whitespaces.
44-
- Followed by the = symbol and zero or more whitespaces.
45-
- Followed by an Angular expression which can be multi-line.
46-
- Terminated by the `;` symbol.
41+
- `@let` 키워드.
42+
- 한 개 이상의 공백, 개행을 제외한.
43+
- 유효한 JavaScript 이름과 0개 이상의 공백.
44+
- = 기호와 0개 이상의 공백.
45+
- 여러 줄일 수 있는 Angular 표현식.
46+
- `;` 기호로 종료.
4747

48-
HELPFUL: A comprehensive description of the feature is available on [the templates guide](guide/templates/variables#local-template-variables-with-let)
48+
도움말: 이 기능에 대한 포괄적인 설명은 [템플릿 가이드](guide/templates/variables#local-template-variables-with-let)에서 확인할 수 있습니다.

tools/manual_api_docs/blocks/switch.md

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
The `@switch` block is inspired by the JavaScript `switch` statement:
1+
The `@switch` 블록은 JavaScript `switch` 문에서 영감을 받았습니다:
22

33
## Syntax
44

@@ -18,12 +18,8 @@ The `@switch` block is inspired by the JavaScript `switch` statement:
1818

1919
## Description
2020

21-
The `@switch` blocks displays content selected by one of the cases matching against the conditional
22-
expression. The value of the conditional expression is compared to the case expression using
23-
the `===` operator.
21+
`@switch` 블록은 조건 표현식에 맞는 경우 중 하나에 의해 선택된 내용을 표시합니다. 조건 표현식의 값은 `===` 연산자를 사용하여 경우 표현식과 비교됩니다.
2422

25-
The `@default` block is optional and can be omitted. If no `@case` matches the expression and there
26-
is no `@default` block, nothing is shown.
23+
`@default` 블록은 선택 사항이며 생략할 수 있습니다. 만약 어떤 `@case`도 표현식과 일치하지 않고 `@default` 블록이 없다면, 아무것도 표시되지 않습니다.
2724

28-
**`@switch` does not have fallthrough**, so you do not need an equivalent to a `break` or `return`
29-
statement.
25+
**`@switch`는 fallthrough가 없습니다**, 그래서 `break` 또는 `return` 문에 해당하는 것이 필요하지 않습니다.

0 commit comments

Comments
 (0)