Skip to content

Commit 3c725c8

Browse files
jeadojeado
committed
Merge pull request KAUG#33 from Ephemera/master
guide/ie 1차 번역 완료
2 parents a61a647 + ee50fde commit 3c725c8

File tree

1 file changed

+32
-51
lines changed

1 file changed

+32
-51
lines changed

‎docs/content-ko/guide/ie.ngdoc

+32-51
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,20 @@
11
@ngdoc overview
2-
@name Developer Guide: Internet Explorer Compatibility
2+
@name 개발자 가이드: Internet Explorer 호환성
33
@description
44

5-
# Overview
5+
# 개요
66

7-
This document describes the Internet Explorer (IE) idiosyncrasies when dealing with custom HTML
8-
attributes and tags. Read this document if you are planning on deploying your Angular application
9-
on IE v8.0 or earlier.
7+
이 문서는 사용자정의 속성과 태그를 처리할 때 Internet Explorer(이하 IE)의 고유한 특성에 대해 설명합니다. IE8이나 이하 버전에서 Angular 애플리케이션을 사용할 계획이라면 이 문서를 읽어주시기 바랍니다.
108

11-
# Short Version
9+
# 짧은 버전
1210

13-
To make your Angular application work on IE please make sure that:
11+
Angular 어플리케이션을 IE에서 동작하게 하기 위해 다음을 확인해주시기 바랍니다:
1412

15-
1. You polyfill JSON.stringify if necessary (IE7 will need this). You can use
16-
[JSON2](https://github.com/douglascrockford/JSON-js) or
17-
[JSON3](http://bestiejs.github.com/json3/) polyfills for this.
13+
1. 필요하다면 JSON.stringify를 polyfill 해야합니다. [JSON2](https://github.com/douglascrockford/JSON-js)이나 [JSON3](http://bestiejs.github.com/json3/)로 polyfill 할 수 있습니다.
14+
15+
2. `<ng:view>`같은 사용자정의 태그들을 사용하면 **안 됩니다**(대신 속성을 이용해서 `<div ng-view>`와 같이 사용하세요).
1816

19-
2. you **do not** use custom element tags such as `<ng:view>` (use the attribute version
20-
`<div ng-view>` instead), or
21-
22-
3. if you **do use** custom element tags, then you must take these steps to make IE happy:
17+
3. 사용자정의 태그들을 사용해야 한다면, 반드시 아래와 같이 작성해야 합니다.
2318

2419
<pre>
2520
<html xmlns:ng="http://angularjs.org">
@@ -43,42 +38,32 @@ To make your Angular application work on IE please make sure that:
4338
</html>
4439
</pre>
4540

46-
The **important** parts are:
41+
**중요한** 부분은:
4742

48-
* `xmlns:ng` - *namespace* - you need one namespace for each custom tag you are planning on
49-
using.
43+
* `xmlns:ng` - *네임스페이스* - 사용하기로 한 각 사용자정의 태그마다 하나의 네임스페이스가 필요합니다.
5044

51-
* `document.createElement(yourTagName)` - *creation of custom tag names* - Since this is an
52-
issue only for older version of IE you need to load it conditionally. For each tag which does
53-
not have namespace and which is not defined in HTML you need to pre-declare it to make IE
54-
happy.
45+
* `document.createElement(태그이름)` - *사용자정의 태그이름의 생성* - 이것은 구 버전 IE에서만의 이슈이기 때문에 이 부분을 조건적으로 사용해야 합니다. 각 태그가 네임스페이스를 가지고 있지 않거나 HTML에 정의되어 있지 않을 때 미리 선언해야 합니다.
5546

5647

57-
# Long Version
48+
# 긴 버전
5849

59-
IE has issues with element tag names which are not standard HTML tag names. These fall into two
60-
categories, and each category has its own fix.
50+
IE에서는 표준 HTML 태그 이름이 아닌 태그 이름을 사용하는데에 문제가 있습니다. 이 문제는 두 분류로 나누어 지는데 각 분류마다 해결 방안이 있습니다.
6151

62-
* If the tag name starts with `my:` prefix than it is considered an XML namespace and must
63-
have corresponding namespace declaration on `<html xmlns:my="ignored">`
52+
* 태그 이름이 `my:`라는 접두사로 시작한다면 이것은 XML 네임스페이스를 고려한 것이고, `<html xmlns:my="ignored">`의 선언과 같은 네임스페이스의 선언이 있어야 합니다.
6453

65-
* If the tag has no `:` but it is not a standard HTML tag, then it must be pre-created using
66-
`document.createElement('my-tag')`
54+
* 태그가 `:`를 가지고 있지 않지만 표준 HTML 태그가 아니라면 `document.createElement('my-tag')`를 사용하여 미리 선언해야 합니다.
6755

68-
* If you are planning on styling the custom tag with CSS selectors, then it must be
69-
pre-created using `document.createElement('my-tag')` regardless of XML namespace.
56+
* CSS 셀렉터를 이용하여 사용자정의 태그에 스타일을 적용할 계획이라면 XML 네임스페이스에 관계없이 `document.createElement('my-tag')`를 사용하여 꼭 미리 선언해야 합니다.
7057

7158

72-
## The Good News
59+
## 좋은 소식
7360

74-
The good news is that these restrictions only apply to element tag names, and not to element
75-
attribute names. So this requires no special handling in IE: `<div my-tag your:tag></div>`.
61+
좋은 소식은 이런 제약조건들이 엘리먼트 태그이름에만 적용되고 엘리먼트 속성이름에는 적용되지 않는다는 것입니다. 따라서 IE에서 이런 특별한 처리가 필요하지 않습니다: `<div my-tag your:tag></div>`.
7662

7763

78-
## What happens if I fail to do this?
64+
## 이것을 하지 않으면 무슨 일이 일어날까요?
7965

80-
Suppose you have HTML with unknown tag `mytag` (this could also be `my:tag` or `my-tag` with same
81-
result):
66+
`mytag`라는 정의 되지 않은 태그를 사용한다고 하면(`my:tag`나 `my-tag`를 사용해도 결과는 같습니다):
8267

8368
<pre>
8469
<html>
@@ -88,7 +73,7 @@ result):
8873
</html>
8974
</pre>
9075

91-
It should parse into the following DOM:
76+
이것은 아래의 DOM과 같이 분석되어야 합니다.
9277

9378
<pre>
9479
#document
@@ -98,10 +83,9 @@ It should parse into the following DOM:
9883
+- #text: some text
9984
</pre>
10085

101-
The expected behavior is that the `BODY` element has a child element `mytag`, which in turn has
102-
the text `some text`.
86+
`BODY`엘리먼트가 `mytag`라는 자식 엘리먼트를 가지고 다음에는 `some text`라는 문자를 가질 것이라 예상했을 것입니다.
10387

104-
But this is not what IE does (if the above fixes are not included):
88+
하지만 IE에서는(위의 수정사항들이 포함되어 있지 않은 경우):
10589

10690
<pre>
10791
#document
@@ -112,33 +96,30 @@ But this is not what IE does (if the above fixes are not included):
11296
+- /mytag
11397
</pre>
11498

115-
In IE, the behavior is that the `BODY` element has three children:
99+
IE에서는 `BODY`엘리먼트가 세 개의 자식을 가질 것입니다.
116100

117-
1. A self closing `mytag`. Example of self closing tag is `<br/>`. The trailing `/` is optional,
118-
but the `<br>` tag is not allowed to have any children, and browsers consider `<br>some
119-
text</br>` as three siblings not a `<br>` with `some text` as child.
101+
1. 셀프클로징 `mytag`. 셀프클로징의 예로 `<br/>`을 들 수 있습니다. 뒤에 따르는 `/`는 선택사항이고 `<br>some text</br>`는 `some text`를 자식으로 두는 `<br>`이 아닌 세 개의 형제로 브라우저는 여길 것입니다.(`<br>`태그는 어떠한 자식도 허용하지 않습니다)
120102

121-
2. A text node with `some text`. This should have been a child of `mytag` above, not a sibling.
103+
2. 텍스트 노드 `some text`. 이것은 위 `mytag`의 형제가 아닌 자식이 되었어야 합니다.
122104

123-
3. A corrupt self closing `/mytag`. This is corrupt since element names are not allowed to have
124-
the `/` character. Furthermore this closing element should not be part of the DOM since it is
125-
only used to delineate the structure of the DOM.
105+
3. 잘못된 셀프클로징 `/mytag`. 게다가 이 닫힌 엘리먼트는 DOM의 구조만 나타냈기 때문에 DOM의 일부가 되지 않습니다.
126106

127107

128-
## CSS Styling of Custom Tag Names
108+
## 사용자정의 태그이름의 CSS 스타일링
129109

130-
To make CSS selectors work with custom elements, the custom element name must be pre-created with
131-
`document.createElement('my-tag')` regardless of XML namespace.
110+
사용자정의 엘리먼트에 CSS 셀렉터가 동작하게 하기 위해 XML 네임스페이스에 관계없이 사용자정의 태그이름은 `document.createElement('my-tag')`와 같이 미리 선언되어야 합니다.
132111

133112
<pre>
134113
<html xmlns:ng="needed for ng: namespace">
135114
<head>
136115
<!--[if lte IE 8]>
137116
<script>
138117
// needed to make ng-include parse properly
118+
// ng-include가 분석되게 하기위해 필요
139119
document.createElement('ng-include');
140120

141121
// needed to enable CSS reference
122+
// CSS 참조를 가능하게 하는데 필요
142123
document.createElement('ng:view');
143124
</script>
144125
<![endif]-->

0 commit comments

Comments
 (0)