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: content/docs/reference-events.md
+39-39
Original file line number
Diff line number
Diff line change
@@ -1,18 +1,18 @@
1
1
---
2
2
id: events
3
-
title: 합성이벤트
3
+
title: 합성 이벤트(SyntheticEvent)
4
4
permalink: docs/events.html
5
5
layout: docs
6
6
category: Reference
7
7
---
8
8
9
-
이 문서는 리액트의 이벤트 시스템 일부를 구성하는 `합성이벤트` 래퍼를 설명합니다. 더 많은 정보는 [이벤트 처리하기](/docs/handling-events.html) 문서를 보세요.
9
+
이 문서는 React의 이벤트 시스템 일부를 구성하는 `SyntheticEvent` 래퍼를 설명합니다. 더 많은 정보는 [이벤트 처리하기](/docs/handling-events.html) 문서를 보세요.
10
10
11
11
## 개요 {#overview}
12
12
13
-
이벤트 핸들러는 브라우저의 통합 브라우저 이벤트 래퍼 `합성이벤트` 객체를 전달받습니다. `stopPropagation()` 와 `preventDefault()`를 포함해서 인터페이스는 브라우저의 고유 이벤트와 같지만 모든 브라우저에서 동일하게 동작합니다.
13
+
이벤트 핸들러는 모든 브라우저에서 이벤트를 동일하게 처리하기 위한 이벤트 래퍼 `SyntheticEvent` 객체를 전달받습니다. `stopPropagation()` 와 `preventDefault()`를 포함해서 인터페이스는 브라우저의 고유 이벤트와 같지만 모든 브라우저에서 동일하게 동작합니다.
14
14
15
-
브라우저의 고유 이벤트가 필요하다면 `nativeEvent` 어트리뷰트를 참조하세요. 모든 `합성이벤트` 객체는 다음 어트리뷰트를 가집니다.
15
+
브라우저의 고유 이벤트가 필요하다면 `nativeEvent` 어트리뷰트를 참조하세요. 모든 `합성 이벤트` 객체는 다음 어트리뷰트를 가집니다.
16
16
17
17
```javascript
18
18
boolean bubbles
@@ -31,13 +31,13 @@ number timeStamp
31
31
string type
32
32
```
33
33
34
-
> 메모
34
+
> 주의
35
35
>
36
36
> 0.14 버전부터 이벤트 핸들러가 `false`를 반환하더라도 이벤트 전파를 멈추지 않습니다. 대신 `e.stopPropagation()` 또는 `e.preventDefault()`를 필요할 때 호출하세요.
37
37
38
38
### 이벤트 풀링 {#event-pooling}
39
39
40
-
`합성이벤트`는 [풀링](https://en.wikipedia.org/wiki/Pool_(computer_science))됩니다. `합성이벤트` 객체는 재사용되고 모든 속성은 이벤트 핸들러가 호출된 다음 초기화됩니다. 성능적인 이유가 있습니다. 따라서 비동기적으로 이벤트 객체에 접근할 수 없습니다.
40
+
`SyntheticEvent`는 [풀링](https://en.wikipedia.org/wiki/Pool_(computer_science))됩니다. 성능상의 이유로 `SyntheticEvent` 객체는 재사용되고 모든 속성은 이벤트 핸들러가 호출된 다음 초기화됩니다. 따라서 비동기적으로 이벤트 객체에 접근할 수 없습니다.
41
41
42
42
```javascript
43
43
functiononClick(event) {
@@ -58,38 +58,38 @@ function onClick(event) {
58
58
}
59
59
```
60
60
61
-
> 메모
61
+
> 주의
62
62
>
63
63
> 비동기적으로 이벤트 속성을 참조하고 싶다면 이벤트 객체의 `event.persist()` 를 호출하세요. 합성 이벤트 풀에서 제거되고 사용자의 코드에서 참조가 가능해집니다.
64
64
65
-
## 지원 이벤트 목록 {#supported-events}
65
+
## 지원하는 이벤트 {#supported-events}
66
66
67
67
React는 이벤트들을 다른 브라우저에서도 같은 속성을 가지도록 표준화합니다.
68
68
69
69
다음 이벤트 핸들러는 이벤트 버블링 단계에서 호출됩니다. 캡처 단계에 이벤트 핸들러를 등록하기 위해서는 이벤트 이름에 `Capture`를 덧붙이세요. 예를 들어 `onClick` 대신 `onClickCapture`를 사용해서 캡처 단계에서 클릭 이벤트 핸들러를 사용할 수 있습니다.
`onPointerEnter` 및 `onPointerLeave` 이벤트는 일반적인 버블링 대신 떠나는 엘리먼트에서 들어가는 엘리먼트로 전파되고 캡처 단계가 없습니다.
226
+
`onPointerEnter` 및 `onPointerLeave` 이벤트는 일반적인 버블링 대신 포인터가 떠나는 엘리먼트에서 들어가는 엘리먼트로 전파되고 캡처 단계가 없습니다.
227
227
228
228
속성
229
229
@@ -242,15 +242,15 @@ string pointerType
242
242
boolean isPrimary
243
243
```
244
244
245
-
크로스 브라우저 지원에 대한 메모
245
+
크로스 브라우저 지원 주의사항
246
246
247
247
포인터 이벤트는 아직 모든 브라우저에서 지원되지 않습니다(이 문서를 작성하는 시점엔 Chrome, Firefox, Edge 및 Internet Explorer가 지원합니다). 표준 폴리필은 `react-dom` 번들을 무겁게 만들기 때문에 React가 직접 브라우저 호환성을 위해 폴리필을 제공하진 않습니다.
0 commit comments