recursal/MDN huggingface dataset:
last
====

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`last` 함수는 식 평가 문맥(expression evaluation context)과 크기가 같은 숫자를 반환합니다.

### 구문
```

last()
```

### 반환

식 평가 문맥과 크기가 같은 정수.

### 주의

* 이 함수는 특정 노드가 노드 집합의 마지막 노드인지를 결정하기 위해 position() 함수와 함께 자주 씁니다.
### 정의

XPath 1.0 4.1

### Gecko 지원

지원함.
translate
=========

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`translate` 함수는 문자열과 번역할 문자 집합을 평가하고 번역된 문자열을 반환합니다.

### 구문
```

translate(string ,abc ,XYZ )
```

### 인수

`string`

평가할 문자열.

`abc`

바꿀 문자열.

`XYZ`

 교체에 쓰는 문자열.
 `XYZ`
 에서 첫 문자는
 `string`
 에서 나타나는
 `abc`
 의 첫 문자가 나타날 때마다 교체합니다.


### 반환

번역된 문자열.

### 주의

XPath는 translate 함수가 모든 언어에서 대/소문자 변환에 sufficient solution이 아니다라고 기록합니다. XPath의 future 버전은 대/소문자 변환을 위해 추가 함수를 제공할 지도 모릅니다.

그러나, 이 함수는 현재 문자열을 대/소문자로 변환할 수 있는 함수에 가장 가깝습니다.

예
```

<xsl:value-of select="translate('The quick brown fox.', 'abcdefghijklmnopqrstuvwxyz', 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'" />
```


출력
```

THE QUICK BROWN FOX.
```


* 만약
 `abc`
 가
 `XYZ`
 보다 길면,
 `XYZ`
 에서 대응하는 문자가 없는
 `abc`
 의 문자는 출현 때마다 제거됩니다.

예
```

<xsl:value-of select="translate('The quick brown fox.', 'brown', 'red'" />
```


출력
```

The quick red fdx.
```


* 만약
 `XYZ`
 가
 `abc`
 보다 더 많은 문자를 포함하면, 여분 문자는 무시됩니다.
### 정의

XPath 1.0 4.2

### Gecko 지원

지원함.
boolean
=======

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`boolean` 함수는 식을 평가하고 참이나 거짓을 반환합니다.

### 문법
```

boolean(expression )
```

### 인수

`expression`

평가하는 식. 식은 부울 뿐만 아니라 수와 노드 집합도 참조할 수 있습니다.

### 반환

`expression`을 평가한 뒤 부울값 `true`나 `false`.

### 주의

* 수가 (+/-) 0이나 `NaN`이면 false로 평가합니다. 그렇지 않으면, true로 평가합니다.
* 노드 집합이 비어 있으면 true로 평가합니다.
* 문자열이 비어 있으면 false로 평가합니다. 그렇지 않으면, true로 평가합니다.
* 네 가지 기본 타입 이외의 타입 개체는 그 타입 나름의 방법으로 부울로 변환합니다.
### 정의

XPath 1.0 4.3

### Gecko 지원

지원함.
string
======

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`string` 함수는 인수를 문자열로 변환합니다.

### 구문
```

string( [object] )
```

### 인수

`object`
 (선택사항)


문자열로 변환할 개체. 빼면, 문맥 노드를 씁니다.

### 반환

문자열

### 주의

* 만약 개체가 노드 집합이면, 집합의 첫 노드의 문자열값을 반환됩니다.
* 숫자는 다음으로 반환됩니다.
    + NaN은 문자열 NaN으로 변환됩니다.
    + 양수 0은 문자열 0으로 변환됩니다.
    + 음수 0은 문자열 0으로 변환됩니다.
    + 양의 무한대(infinity)는 문자열 Infinity로 변환됩니다.
    + 음의 무한대는 문자열 -Infinity로 변환됩니다.
    + -1과 1 사이의 10진수는 소수점 앞에 0이 하나 있는 문자열로 변환됩니다.
### 정의

XPath 1.0 4.2

### Gecko 지원

지원함.
substring-after
===============

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`substring-after` 함수는 첫 번째 인수에서 두 번째 인수가 나타난 다음의 나머지를 반환합니다.

### 구문
```

substring-after(haystack ,needle )
```

### 인수

`haystack`

평가할 문자열. 이 문자열의 부분이 반환됩니다.

`needle`

 찾을 부분 문자열.
 `haystack`
 에서
 `needle`
 의 첫 출현 뒤의 문자열이 반환됩니다.


### 반환

문자열.

### 주의

XSL 예:
```

<xsl:value-of select="substring-after('1999/04/01','/')" />
```


출력
```

04/01
```

### 정의

XPath 1.0 4.2

### Gecko 지원

지원함.
ceiling
=======

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`ceiling` 함수는 10진수를 평가하고 10진수보다 작지 않은 가장 작은 정수를 반환합니다.

### 문법
```

ceiling(number )
```

### 인수

`number`

평가할 수.

### 반환

`number`보다 작지 않은 가장 작은 정수.

예를 들어,

`ceiling (5.2)` = *6*

`ceiling (-5.2)` = *-5*

### 정의

XPath 1.0 4.4

### Gecko 지원

지원함.
concat
======

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`concat` 함수는 둘 또는 둘 이상의 문자열을 연결하고 연결한 문자열을 반환합니다.

### 문법
```

concat(string1 ,string2 [,stringn]* )
```

### 인수

`stringn`

이 함수는 둘 또는 둘 이상의 인수를 받습니다. 각각은 문자열입니다.

### 반환

함수에 인수로 건넨 모든 문자열을 연결한 단일 문자열.

### 정의

XPath 1.0 4.2

### Gecko 지원

지원함.
floor
=====

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`floor` 함수는 10진수를 평가하고 10진수보다 크지 않는(작거나 같은) 가장 큰 정수를 반환합니다.

### 구문
```

floor(number )
```

### 인수

`number`

평가할 10진수.

### 반환

`number`보다 크지 않는 가장 큰 정수.

### 정의

XPath 1.0 4.4

### Gecko 지원

지원함.
name
====

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`name` 함수는 인수로 준 노드 집합 안 첫 노드의 QName을 나타내는 문자열을 반환합니다.

### 구문
```

name( [node-set] )
```

### 인수

`node-set`(선택사항)

이 노드 집합 안 첫 노드의 QName이 반환됩니다. 이 인수를 빼면, 현재 문맥 노드를 씁니다.

### 반환

노드의 QName을 나타내는 문자열

### 주의

* QName은 이름공간 접두사와 지역 이름을 포함하는 노드의 한정된(qualified) 이름입니다.
### 정의

XPath 1.0 4.1

### Gecko 지원

지원함.
document
========

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`document` 함수는 하나 또는 여러 외부 문서에서 노드 집합을 찾고 결과 노드 집합을 반환합니다.

### 문법
```

document(URI [,node-set] )
```

### 인수

`URI`

검색하는 문서의 절대 또는 상대 URI. URI는 또한 조각 인식자(fragment identifier)를 포함할지도 모릅니다.

`node-set`(선택사항)

반환하게 될 외부 문서의 노드 집합을 가리키는 식.

### 반환

노드 집합.

### 주의

* URI가 조각 인식자를 포함하고 그 조각이 외부 문서에서 인식될 수 있으면, 그 조각은 `node-set`인수식에서 루트로 다룹니다. `node-set`인수를 빼면, 전체 조각을 반환합니다.
* `URI`인수가 노드 집합이고 두 번째 인수가 있으면, 노드 집합의 각 노드를 개별 URI로 평가하고 반환한 노드 집합은 마치 `document` 함수가 여러 번 호출되어 결과 노드 집합이 단일 노드 집합으로 합쳐진 것 같이 됩니다.
* 다른 특정 조건은 지정한 behavior와 함께 있습니다. 자세한 사항은 XSLT 1.0 문서를 보세요.
* URI가 XSL 문서와 호응하기 때문에, `document("")`는 현재 노드의 루트 노드를 반환할 겁니다.

이 함수는 XPath에 더한 XSLT 고유 추가분입니다. 기본 XPath 함수 라이브러리의 일부가 아닙니다.

### 정의

XSLT 1.0 12.1

### Gecko 지원

지원함.
substring
=========

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`substring` 함수는 인수로 준 문자열의 부분을 반환합니다.

### 구문
```

substring(string ,start [,length] )
```

### 인수

`string`

평가할 문자열.

`start`

 부분 문자열이 시작하는
 `string`
 안 위치.


`length`
 (선택사항)


 부분 문자열의 길이. 빼면, 반환되는 문자열은
 `start`
 위치부터
 `string`
 의 끝까지 모든 문자를 포함합니다.


### 반환

문자열.

### 주의

다른 XPath 함수와 마찬가지로, 위치는 0에 기반을 두지 않습니다. 문자열의 첫 문자는 위치가 0이 아니라 1입니다.

### 정의

XPath 1.0 4.2

### Gecko 지원

지원함.
format-number
=============

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`format-number` 함수는 수를 평가하고 제공한 형식으로 그 수를 나타내는 문자열을 반환합니다.

### 문법
```

format-number(number ,pattern [,decimal-format] )
```

### 인수

`number`

형식을 지정할 수

`pattern`

JDK 1.1 Decimal Format 클래스 형식의 문자열.

`decimal-format`(선택사항)

쓸 수 형식을 정의하는 `xsl:decimal-format` 요소의 이름. 빼면, 기본 decimal-format을 씁니다.

### 반환

새 형식으로 수를 나타내는 문자열.

### 주의

이 함수는 XPath에 더한 XSLT 고유 추가분입니다. 기본 XPath 함수 라이브러리의 일부가 아닙니다.

### 정의

XSLT 1.0 12.3

### Gecko 지원

지원함.
lang
====

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`lang` 함수는 문맥 노드가 인수로 준 언어와 일치하는 지를 결정하고 true나 false를 반환합니다.

### 구문
```

lang(string )
```

### 인수

`string`

일치 여부에 사용하는 언어 코드나 지역화 (언어와 나라) 코드.

### 반환

문맥 노드가 인수로 준 언어와 일치하면 `true`. 그렇지 않으면, `false`.

### 주의

* 노드의 언어는 노드의 `xml:lang` 속성으로 결정됩니다. 만약 현재 노드에 `xml:lang` 속성이 없으면, `xml:lang` 속성이 있는 가장 가까운 조상(ancestor) 노드의 `xml:lang` 속성값을 현재 노드의 언어로 결정합니다. 만약 언어가 결정될 수 없으면 (`xml:lang` 속성이 있는 조상이 없는 경우), 이 함수는 false를 반환합니다.
* If 인수로 준 `string`이 나라 코드를 지정하지 않으면, 이 함수는 아무 나라 코드를 갖는 그 언어의 노드와 일치합니다. 반대는 true가 아닙니다.

이 XML 코드 조각을 주고
```

<p xml:lang="en">I went up a floor.</p>
<p xml:lang="en-GB">I took the lift.</p>
<p xsl:lang="en-US">I rode the elevator.</p>
```


XSL 템플릿이 이렇다면
```

<xsl:value-of select="count(//p[lang('en')])" />
<xsl:value-of select="count(//p[lang('en-GB')])" />
<xsl:value-of select="count(//p[lang('en-US')])" />
<xsl:value-of select="count(//p[lang('de')])" />
```


출력은 다음과 같을 지도 모릅니다.
```

3
1
1
0
```

### 정의

XPath 1.0 4.3

### Gecko 지원

지원함.
key
===

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`key` 함수는 인수로 준 키와 값을 갖는 노드 집합을 반환합니다.

### 문법
```

key(keyname ,value )
```

### 인수

`keyname`

사용할 `xsl:key` 요소의 이름을 포함하는 문자열

`value`

반환되는 노드 집합은 제공한 키와 이 값을 갖는 각 노드를 포함합니다.

### 반환

노드 집합.

### 주의

* `xsl:key` 요소는 키와 일치하는데 쓰는 제공한 요소의 속성을 정의합니다.

이 함수는 XPath에 더한 XSLT 고유 추가분입니다. 기본 XPath 함수 라이브러리의 일부가 아닙니다.

### 정의

XSLT 1.0 12.2

### Gecko 지원

지원함.
not
===

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`not` 함수는 불린식을 평가하고 반대값을 반환합니다.

### 구문
```

not(expression )
```

### 인수

`expression`(선택사항)

식은 마치 boolean() 함수에 인수로 넘겨진 것처럼 정확히 평가됩니다.

### 반환

false로 평가한 식은 true; true로 평가한 식은 false.

### 주의

* 이 함수는 반대값을 반환하는 것을 빼고는 boolean() 함수와 비슷하게 동작합니다.
### 정의

XPath 1.0 4.3

### Gecko 지원

지원함.
function-available
==================

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`function-available` 함수는 인수로 준 함수가 이용 가능한 지를 결정하고 boolean true나 false를 반환합니다.

### 구문
```

function-available(name )
```

### 인수

`name`

검사할 함수 이름.

### 반환

Boolean `true`나 `false`.

### 정의

XPath 1.0 15

### Gecko 지원

지원함.
normalize-space
===============

**XSLT/XPath 참고 문서**: XSLT 요소, XPath 함수, XPath 축

`normalize-space` 함수는 문자열에서 앞뒤 공백을 빼고(strip) 결과 문자열을 반환합니다.

### 구문
```

normalize-space(string )
```

### 인수

`string`

nomalize되는 문자열

### 반환

nomalize된 문자열.

### 정의

XPath 1.0 4.2

### Gecko 지원

지원함.
Geometry interfaces
===================

**Geometry interfaces**는 3D 및 2D 그래픽 작업, 특히 점, 사각형, 사변형 및 변환 행렬(transformation matrices) (en-US)(그래픽 이동/이동, 크기 조정, 회전, 기울이기/가르기/비틀기 및 뒤집기 작업과 이러한 작업의 곱하기/연결 및 반전/실행 취소 작업)을 위한 인터페이스를 제공하는 CSS 모듈입니다.

웹 개발자는 항상 geometry interfaces를 직접 사용하지 않고 뒤에서 이를 사용하는 다른 기능, 즉 CSS Transforms (en-US)의 일부, Canvas API 및 WebXR Device API (en-US), (더 직접적으로는) `VideoFrame.visibleRect` (en-US)와 `Element.getClientRects()`, `Element.getBoundingClientRect()`를 사용합니다.

인터페이스
-----

`DOMMatrix` (en-US)

그래픽 이동/이동, 크기 조정, 회전, 기울이기/가르기/비틀기 및 뒤집기 작업과 이러한 작업의 곱하기/연결 및 반전/실행 취소 작업을 위한 변환 행렬 (en-US)을 나타냅니다.

`DOMMatrixReadOnly` (en-US)

`DOMMatrix` (en-US)의 읽기 전용 버전.

`DOMPoint` (en-US)

좌표계의 2D 또는 3D 점을 나타내며, 최대 3차원의 좌표 값과 선택적 원근값을 포함합니다.

`DOMPointReadOnly` (en-US)

`DOMPoint` (en-US)의 읽기 전용 버전.

`DOMQuad` (en-US)

사변형(quadrilateral)의 모서리를 정의하는 네 개의 `DOMPoint` (en-US) 객체 모음을 나타냅니다.

`DOMRect`

직사각형의 크기와 위치를 나타냅니다.

`DOMRectReadOnly` (en-US)

`DOMRect`의 읽기 전용 버전.

예제
--

`Path2D.addPath()` (en-US) 및 `CanvasPattern.setTransform()` (en-US) 문서에는 일부 Geometry interfaces를 사용하는 예제가 있습니다.

명세서
---

| Specification |
| --- |
| Geometry Interfaces Module Level 1 # DOMMatrix |
| Geometry Interfaces Module Level 1 # DOMPoint |
| Geometry Interfaces Module Level 1 # DOMQuad |
| Geometry Interfaces Module Level 1 # DOMRect |

브라우저 호환성
--------

### api.DOMMatrix

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

### api.DOMMatrixReadOnly

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

### api.DOMPoint

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

### api.DOMPointReadOnly

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

### api.DOMQuad

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

### api.DOMRect

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

### api.DOMRectReadOnly

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

같이 보기
-----

* `Path2D.addPath()` (en-US)
* `CanvasPattern.setTransform()` (en-US)
* `CanvasRenderingContext2D.getTransform()` (en-US)
* `CanvasRenderingContext2D.setTransform()` (en-US)
* `CSSTransformValue.toMatrix()` (en-US)
* `CSSTransformComponent.toMatrix()` (en-US)
* `Element.getBoundingClientRect()`
* `Element.getClientRects()`
* `VideoFrame.visibleRect` (en-US)
* `XRLightEstimate` (en-US)
* `XRRigidTransform` (en-US)
Screen Orientation API
======================

**Screen Orientation API**는 화면 방향에 대한 정보를 제공합니다.

인터페이스
-----

* `ScreenOrientation` (en-US)
명세서
---

| Specification |
| --- |
| Screen Orientation # screenorientation-interface |

브라우저 호환성
--------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
AudioWorkletNode
================

**참고:** 이 인터페이스는 secure contexts 바깥에서 이용 가능하지만, `BaseAudioContext.audioWorklet` (en-US) 속성은 그렇지 않습니다. 따라서 사용자 정의 `AudioWorkletProcessor`는 secure contexts 바깥에서 정의될 수 없습니다.

Web Audio API의 **`AudioWorkletNode`** 인터페이스는 사용자에 의해 정의된, 다른 노드들과 마찬가지로 오디오 라우팅 그래프에 연결될 수 있는, `AudioNode`에 대한 base 클래스를 나타냅니다. **`AudioWorkletNode`** 는 연관된 `AudioWorkletProcessor`를 가지고 있는데, 이는 Web Audio 렌더링 스레드에서 실제적인 오디오 프로세싱을 합니다.

생성자
---

`AudioWorkletNode()`

`AudioWorkletNode` 객체의 새로운 인스턴스를 생성합니다.

속성
--

*또한 부모인 `AudioNode`로부터 속성을 상속받습니다*.

`AudioWorkletNode.port` 읽기 전용

노드와 노드에 연관된 `AudioWorkletProcessor` 사이에서 양방향 소통을 위해 사용되는 `MessagePort` (en-US)를 반환합니다. 다른 쪽 끝은 프로세서의 `port` 속성 아래에서 사용 가능합니다.

`AudioWorkletNode.parameters` 읽기 전용

`AudioParam` 객체들의 모임인 `AudioParamMap`을 반환합니다. 이것들은 근본적인 `AudioWorkletProcessor` 의 생성 중에 초기화됩니다. 만약 `AudioWorkletProcessor` 가 정적 `parameterDescriptors` getter를 가지고 있다면, 이것으로부터 반환되는 `AudioParamDescriptor` 배열이 `AudioWorkletNode` 위에서 `AudioParam` 객체들을 생성하기 위해 사용됩니다. 이 메커니즘을 이용하여 여러분의 `AudioWorkletNode` 에서 접근 가능한 여러분만의 `AudioParam` 객체들을 만드는 것이 가능합니다. 그리고 나서 여러분은 연관된 `AudioWorkletProcessor`에서 그것들의 값을 사용할 수 있습니다.

### 이벤트 처리기

`AudioWorkletNode.onprocessorerror`

연관된 `AudioWorkletProcessor`에서 오류가 나왔을 때 발생됩니다. 한 번 발생되고 나면, 프로세서와 그 결과로서 노드도 생애 주기동안 쭉 무음을 출력할 것입니다.

메서드
---

*부모인 `AudioNode`로부터 메서드를 상속받습니다*.

*`AudioWorkletNode` 인터페이스는 자신만의 어떠한 메서드도 정의하지 않습니다.*

예제
--

이 예제에서 우리는 백색소음을 출력하는 사용자 정의 `AudioWorkletNode` 를 생성합니다.

우선, 우리는 백색소음을 출력하는 사용자 정의 `AudioWorkletProcessor`를 정의하고 등록할 필요가 있습니다. 이 작업은 별도의 파일에서 이루어져야 함에 주의하세요.


```js
// white-noise-processor.js
class WhiteNoiseProcessor extends AudioWorkletProcessor {
  process(inputs, outputs, parameters) {
    const output = outputs[0];
    output.forEach((channel) => {
      for (let i = 0; i < channel.length; i++) {
        channel[i] = Math.random() \* 2 - 1;
      }
    });
    return true;
  }
}

registerProcessor("white-noise-processor", WhiteNoiseProcessor);
```


다음으로, 메인 스크립트 파일에서 우리는 프로세서를 로드하고, 프로세서의 이름을 `AudioWorkletNode` 에 전달하며 `AudioWorkletNode` 의 인스턴스를 생성하고, 이 노드를 오디오 그래프에 연결할 것입니다.


```js
const audioContext = new AudioContext();
await audioContext.audioWorklet.addModule("white-noise-processor.js");
const whiteNoiseNode = new AudioWorkletNode(
  audioContext,
  "white-noise-processor",
);
whiteNoiseNode.connect(audioContext.destination);
```

명세
--

| Specification |
| --- |
| Web Audio API # AudioWorkletNode |

브라우저 호환성
--------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

같이 보기
-----

* Web Audio API
* Web Audio API 사용하기
Text
====

**`Text`** 인터페이스는 `Element` (en-US) 또는 `Attr`의 문자형 콘텐츠를 표현합니다.

요소의 콘텐츠에 마크업이 없을 경우 해당 요소는 요소의 텍스트를 담은 `Text` 를 구현한 단일 자식을 갖습니다. 반면에 요소에 마크업이 있을 경우 자식을 구성하는 정보 항목과 `Text` 노드로 파싱됩니다.

새로운 문서는 각각의 텍스트 블록마다 하나의 `Text` 노드를 갖습니다. 문서의 콘텐츠가 변경됨에 따라 새로운 `Text` 노드가 생성될 수 있습니다. `Node.normalize()` 메서드는 인접한 `Text` 객체에 대한 각각의 텍스트 블록을 다시 단일 노드로 병합합니다.

EventTarget

Node

(en-US)

CharacterData

Text생성자
---

`Text()` 
Experimental

제공한 매개변수를 텍스트 콘텐츠로 하는 `Text` 노드를 반환합니다.

속성
--

부모인 `CharacterData`로부터 속성을 상속합니다.

`Text.isElementContentWhitespace` 읽기 전용
지원이 중단되었습니다

텍스트 노드가 공백만 포함하는지 여부를 나타내는 `Boolean` 플래그를 반환합니다.

`Text.wholeText` (en-US) 읽기 전용

이 `Node` (en-US)와 논리적으로 인접한 모든 `Text` 노드의 텍스트를 문서 내의 순서대로 이어붙인 `DOMString`을 반환합니다.

`Text.assignedSlot` (en-US) 읽기 전용

이 요소와 연관된 `HTMLSlotElement` (en-US) 객체를 반환합니다.

### `Slotable`로부터 포함된 속성

`Text` 인터페이스는 `Slotable` (en-US) 믹스인이 정의하는 다음의 속성을 포함합니다.

`Slotable.assignedSlot` (en-US) 읽기 전용

노드가 삽입된 `<slot>`을 나타내는 `HTMLSlotElement` (en-US)를 반환합니다.

메서드
---

부모인 `CharacterData`로부터 메서드를 상속합니다.

`Text.replaceWholeText` (en-US) 
지원이 중단되었습니다

현재 노드와 논리적으로 인접한 모든 노드의 텍스트를 지정한 텍스트로 대체합니다.

`Text.splitText`

노드를 지정한 오프셋에서 두 노드로 분리합니다.

명세
--

| Specification |
| --- |
| DOM Standard # interface-text |

브라우저 호환성
--------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

같이 보기
-----

* DOM 인터페이스 목차.
Background Fetch API
====================

Limited availability
--------------------

This feature is not Baseline because it does not work in some of the most widely-used browsers.

* Learn more
* See full compatibility
* Report feedback
**실험적:** **이 기능은 실험적인 기능입니다.**  
프로덕션 환경에서 사용하기 전에 브라우저 호환성 표를 주의 깊게 확인하세요.

**Background Fetch API**는 영화, 오디오 파일, 소프트웨어 등 상당한 시간이 소요될 수 있는 다운로드를 관리하는 방법을 제공합니다.

개념 및 사용법
--------

웹 애플리케이션에서 사용자가 대용량 파일을 다운로드해야 하는 경우, 다운로드가 완료되려면 사용자가 페이지에 계속 연결되어 있어야 한다는 문제가 종종 발생합니다. 연결이 끊어지면 탭을 닫거나 다운로드가 중지되는 페이지에서 다른 곳으로 이동합니다.

`Background Synchronization API` (en-US)는 서비스 워커가 사용자가 연결될 때까지 처리를 연기하는 방법을 제공하지만, 대용량 파일 다운로드와 같이 오래 실행되는 작업에는 사용할 수 없습니다. 백그라운드 동기화를 사용하려면 가져오기(fetch)가 완료될 때까지 서비스 워커가 활성 상태를 유지해야 하며, 배터리 수명을 절약하고 백그라운드에서 원치 않는 작업이 발생하는 것을 방지하기 위해 브라우저는 어느 시점에서 작업을 종료합니다.

Background Fetch API는 이 문제를 해결합니다. 웹 개발자가 사용자가 비디오 파일을 다운로드하기 위해 버튼을 클릭할 때와 같이 백그라운드에서 일부 가져오기(fetch)를 수행하도록 브라우저에 지시하는 방법을 만듭니다. 그러면 브라우저는 사용자가 볼 수 있는 방식으로 가져오기(fetch)를 수행하여 사용자에게 진행 상황을 표시하고 다운로드를 취소하는 방법을 제공합니다. 다운로드가 완료되면 브라우저는 서비스 워커를 열고, 이 시점에서 애플리케이션은 필요한 경우 응답을 통해 무언가를 수행할 수 있습니다.

Background Fetch API는 사용자가 오프라인 상태에서 프로세스를 시작하면 가져오기(fetch)를 수행할 수 있도록 합니다. 연결되면 프로세스가 시작됩니다. 사용자가 오프라인 상태가 되면 사용자가 다시 켜질 때까지 프로세스가 일시 중지됩니다.

인터페이스
-----

`BackgroundFetchManager` (en-US)

키는 백그라운드 가져오기(fetch)의 ID이며, 값은 `BackgroundFetchRegistration` (en-US) 객체인 맵입니다.

`BackgroundFetchRegistration` (en-US)

백그라운드 가져오기를 나타냅니다.

`BackgroundFetchRecord` (en-US)

개별 가져오기 요청 및 응답을 나타냅니다.

`BackgroundFetchEvent` (en-US)

`onbackgroundfetchabort` 및 `onbackgroundfetchclick`에 전달된 이벤트 유형입니다.

`BackgroundFetchUpdateUIEvent` (en-US)

`onbackgroundfetchsuccess` 및 `onbackgroundfetchfail`에 전달된 이벤트 유형입니다.

예제
--

백그라운드 가져오기를 사용하기 전에 브라우저 지원 여부를 확인하세요


```js
if (!("BackgroundFetchManager" in self)) {
  // 대체 다운로드 제공
}
```


백그라운드 불러오기를 사용하려면 등록된 서비스 워커가 필요합니다. 그런 다음 `backgroundFetch.fetch()`를 호출하여 불러오기를 수행합니다. 그러면 `BackgroundFetchRegistration` (en-US)으로 해결되는 프로미스가 반환됩니다.

백그라운드 가져오기는 여러 파일을 가져올 수 있습니다. 이 예제에서는 MP3와 JPEG를 요청합니다. 이렇게 하면 사용자가 하나의 항목으로 간주하는 파일 패키지(예: 팟캐스트와 아트웍)를 한 번에 다운로드할 수 있습니다.


```js
navigator.serviceWorker.ready.then(async (swReg) => {
  const bgFetch = await swReg.backgroundFetch.fetch(
    "my-fetch",
    ["/ep-5.mp3", "ep-5-artwork.jpg"],
    {
      title: "Episode 5: Interesting things.",
      icons: [
        {
          sizes: "300x300",
          src: "/ep-5-icon.png",
          type: "image/png",
        },
      ],
      downloadTotal: 60 \* 1024 \* 1024,
    },
  );
});
```


백그라운드 가져오기를 구현하는 데모 애플리케이션은 여기에서 찾을 수 있습니다.

명세서
---

| Specification |
| --- |
| Background Fetch  |

브라우저 호환성
--------

### api.BackgroundFetchManager

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

### api.BackgroundFetchRegistration

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

### api.BackgroundFetchRecord

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

같이 보기
-----

* Background Fetch 소개
* Background Fetch - HTTP 203
AudioScheduledSourceNode
========================

Web Audio API의 일부인 `AudioScheduledSourceNode` 인터페이스는 (선택적으로는 명시된 시간에) 시작되고 정지되는 능력을 공유하는 몇몇 유형의 오디오 소스 노드 인터페이스에 대한 부모 인터페이스입니다. 구체적으로 말하면, 이 인터페이스는 `start()` (en-US)와 `stop()` (en-US) 메서드 뿐만 아니라, `onended` (en-US) 이벤트 처리기 또한 정의합니다.

**참고:** `AudioScheduledSourceNode` 객체는 직접적으로 생성될 수 없습니다. 대신, `AudioBufferSourceNode`, `OscillatorNode` (en-US), `ConstantSourceNode` (en-US)와 같이 이 인터페이스를 확장하는 인터페이스를 대신 사용하십시오.

다르게 서술되지 않는 한, `AudioScheduledSourceNode` 에 기반한 노드는 재생되고 있지 않을 때 무음을 출력합니다 (즉, `start()` 가 호출되기 전 그리고 `stop()` 이 호출된 후). 항상 그렇듯이, 무음은 0의 값을 가진 샘플들의 스트림으로 표현됩니다.

속성
--

부모 인터페이스인 `AudioNode`로부터 속성을 상속받습니다.

메서드
---

부모 인터페이스인 `AudioNode`로부터 메서드를 상속받고, 다음의 메서드를 추가합니다.

`start()` (en-US)

노드가 명시된 시간에 일정한 소리 재생을 시작하도록 예정합니다. 만약 시간이 명시되지 않으면, 노드는 즉시 재생을 시작합니다.

`stop()` (en-US)

노드가 명시된 시간에 재생을 멈추도록 예정합니다. 만약 시간이 명시되지 않으면, 노드는 즉시 재생을 정지합니다.

이벤트
---

`addEventListener()`를 사용하거나 이 인터페이스의 `oneventname` 속성에 이벤트 수신기를 할당하여 아래의 이벤트를 수신하십시오.

`ended` (en-US)

 소스 노드가 재생을 정지했을 때 발생되는데, 그 이유는 노드가 예정된 정지 시간에 도달했기 때문이거나, 오디오의 전체 재생이 수행되었거나, 혹은 전체 버퍼가 재생되었기 때문입니다.
 또한 `onended` (en-US) 이벤트 처리기 속성으로도 사용 가능합니다.


명세서
---

| Specification |
| --- |
| Web Audio API # AudioScheduledSourceNode |

브라우저 호환성
--------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

같이 보기
-----

* Web Audio API 사용하기
* `AudioNode`
Window.crypto
=============

\*\*`Window.crypto`\*\*속성은 전역 객체인 `Crypto` 객체를 반환합니다. `Crypto` 객체는 웹 페이지가 특정 암호학적 서비스에 접근할 수 있는 경로입니다. `crypto` 속성 자체는 읽기 전용이지만, 모든 메서드(와 자식 객체 `SubtleCrypto` (en-US))의 메서드)는 읽기 전용이 아니므로 폴리필을 통한 공격에 취약합니다.

구문
--


```js
var cryptoObj = window.crypto || window.msCrypto; // for IE 11
```

예제
--

다음 예제는 `Window.crypto` 속성을 통해 `getRandomValues()` 메서드에 접근합니다.

### JavaScript


```js
genRandomNumbers = function getRandomNumbers() {
  var array = new Uint32Array(10);
  window.crypto.getRandomValues(array);

  var randText = document.getElementById("myRandText");
  randText.innerHTML = "The random numbers are: ";
  for (var i = 0; i < array.length; i++) {
    randText.innerHTML += array[i] + " ";
  }
};
```

### HTML


```html
<p id="myRandText">The random numbers are:</p>
<button type="button" onClick="genRandomNumbers()">
  Generate 10 random numbers
</button>
```

### 결과

명세
--

| Specification |
| --- |
| Web Cryptography API # dom-windoworworkerglobalscope-crypto |

브라우저 호환성
--------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

같이 보기
-----

* `Window` 전역 객체
* `Crypto` 인터페이스
ANGLE\_instanced\_arrays
========================

이 \*\*`ANGLE_instanced_arrays`\*\*확장은 WebGL API의 일부이며 동일한 객체 또는 동일한 객체 그룹을 같은 정점 데이터, 기본 개수 및 유형을 공유하는 경우 여러 번 그릴 수 있습니다.

WebGL 확장은 `WebGLRenderingContext.getExtension()` (en-US) 메서드를 사용하여 사용할 수 있습니다. 자세한 내용 은 WebGL 자습서의 Extensions 사용을 (en-US) 참조하십시오 .

**참고:** **가용성 :** 이 확장은 WebGL1 (en-US) 컨텍스트에서만 사용할 수 있습니다. WebGL2 (en-US)에서이 확장 기능은 기본적으로 WebGL2 컨텍스트에서 사용할 수 있으며 상수 및 메서드는 `ANGLE`접미사 없이 사용할 수 있습니다 ."ANGLE"이라는 이름에도 불구하고이 확장은 하드웨어가 ANGLE 라이브러리를 사용할 때 Windows에서만 지원하는 것이 아닌 모든 장치에서 작동합니다. "ANGLE"은이 확장이 ANGLE 라이브러리 작성자에 의해 작성되었음을 나타냅니다.

상수
--

이 확장은 `gl.getVertexAttrib()` (en-US) 메서드에서 사용할 수있는 하나의 새로운 상수를 제공합니다.

`ext.VERTEX_ATTRIB_ARRAY_DIVISOR_ANGLE`

`gl.getVertexAttrib()` (en-US)에서 `pname`매개 변수 로 사용될 때 인스턴스 렌더링에 사용되는 빈도 제수를 설명하는 `GLint` (en-US)를 반환합니다 .

메서드
---

이 확장은 세 가지 새로운 메서드를 노출합니다.

`ext.drawArraysInstancedANGLE ()`

`gl.drawArrays ()`와 동일하게 동작하지만 요소 범위의 인스턴스가 여러 개 실행되고 각 반복마다 인스턴스가 진행됩니다.

`ext.drawElementsInstancedANGLE ()`

`gl.drawElements ()`와 동일하게 동작하지만 요소 세트의 여러 인스턴스가 실행되고 각 세트간에 인스턴스가 진행됩니다.

`ext.vertexAttribDivisorANGLE ()`

`ext.drawArraysInstancedANGLE ()` 및 `ANGLE_instanced_arrays.drawElementsInstancedANGLE ()`로 여러 프리미티브 인스턴스를 렌더링 할 때 일반 정점 속성이 증가하는 비율을 수정합니다. , "ext.drawElementsInstancedANGLE ()")}}.

예제
--

확장 기능 사용 :


```js
var ext = gl.getExtension("ANGLE\_instanced\_arrays");
```

명세서
---

| Specification |
| --- |
| WebGL ANGLE\_instanced\_arrays Khronos Ratified Extension Specification  |

브라우저 호환성
--------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

같이 보기
-----

* `WebGLRenderingContext.getExtension ()`
* `WebGL2RenderingContext.drawArraysInstanced ()`
* `WebGL2RenderingContext.drawElementsInstanced ()`
* `WebGL2RenderingContext.vertexAttribDivisor ()`
DOMRect
=======

**`DOMRect`** 인터페이스는 직사각형의 크기와 위치를 나타냅니다.

`DOMRect`가 나타내는 사각형의 유형은 `DOMRect`를 반환한 메서드나 속성이 지정합니다. 예를 들어 WebVR API의 `VREyeParameters.renderRect` (en-US)는, 헤드 마운트 디스플레이에서 한쪽 눈의 뷰포트가 캔버스의 어디에 위치하는지 나타냅니다.

부모인 `DOMRectReadOnly` (en-US)을 상속합니다.

DOMRectReadOnly

(en-US)

DOMRect생성자
---

`DOMRect()`

새로운 `DOMRect` 객체를 생성합니다.

속성
--

부모인 `DOMRectReadOnly` (en-US)의 속성을 상속합니다. 읽기 전용 속성이 아니라는 차이점이 있습니다.

`DOMRectReadOnly.x` (en-US)

`DOMRect` 원점의 X 좌표입니다. 원점은 보통 직사각형의 왼쪽 상단 꼭지점입니다.

`DOMRectReadOnly.y` (en-US)

`DOMRect` 원점의 Y 좌표입니다. 원점은 보통 직사각형의 왼쪽 상단 꼭지점입니다.

`DOMRectReadOnly.width` (en-US)

`DOMRect`의 너비입니다.

`DOMRectReadOnly.height` (en-US)

`DOMRect`의 높이입니다.

`DOMRectReadOnly.top` (en-US)

`DOMRect` 위쪽 모서리의 Y 좌표입니다. `y` 또는, `height`가 음수인 경우, `y + height`와 같은 값입니다.

`DOMRectReadOnly.right` (en-US)

`DOMRect` 오른쪽 모서리의 X 좌표입니다. `x` 또는, `width`가 음수인 경우, `x + height`와 같은 값입니다.

`DOMRectReadOnly.bottom` (en-US)

`DOMRect` 아래쪽 모서리의 Y 좌표입니다. `y + height` 또는, `height`가 음수인 경우, `y`와 같은 값입니다.

`DOMRectReadOnly.left` (en-US)

`DOMRect` 왼쪽 모서리의 X 좌표입니다. `x + width` 또는, `width`가 음수인 경우, `x`와 같은 값입니다.

메서드
---

부모인 `DOMRectReadOnly` (en-US)의 메서드를 상속합니다.

정적 메서드
------

`DOMRectReadOnly.fromRect()` (en-US)

주어진 위치와 면적을 갖는 새로운 `DOMRect` 객체를 생성합니다.

명세
--

| Specification |
| --- |
| Geometry Interfaces Module Level 1 # DOMRect |

브라우저 호환성
--------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

같이 보기
-----

* `DOMPoint` (en-US)