Skip to content

Commit 61d25cd

Browse files
committed
apply review
1 parent 0a88a44 commit 61d25cd

File tree

1 file changed

+39
-39
lines changed

1 file changed

+39
-39
lines changed

Diff for: content/docs/reference-events.md

+39-39
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
---
22
id: events
3-
title: 합성이벤트
3+
title: 합성 이벤트(SyntheticEvent)
44
permalink: docs/events.html
55
layout: docs
66
category: Reference
77
---
88

9-
이 문서는 리액트의 이벤트 시스템 일부를 구성하는 `합성이벤트` 래퍼를 설명합니다. 더 많은 정보는 [이벤트 처리하기](/docs/handling-events.html) 문서를 보세요.
9+
이 문서는 React의 이벤트 시스템 일부를 구성하는 `SyntheticEvent` 래퍼를 설명합니다. 더 많은 정보는 [이벤트 처리하기](/docs/handling-events.html) 문서를 보세요.
1010

1111
## 개요 {#overview}
1212

13-
이벤트 핸들러는 브라우저의 통합 브라우저 이벤트 래퍼 `합성이벤트` 객체를 전달받습니다. `stopPropagation()``preventDefault()`를 포함해서 인터페이스는 브라우저의 고유 이벤트와 같지만 모든 브라우저에서 동일하게 동작합니다.
13+
이벤트 핸들러는 모든 브라우저에서 이벤트를 동일하게 처리하기 위한 이벤트 래퍼 `SyntheticEvent` 객체를 전달받습니다. `stopPropagation()``preventDefault()`를 포함해서 인터페이스는 브라우저의 고유 이벤트와 같지만 모든 브라우저에서 동일하게 동작합니다.
1414

15-
브라우저의 고유 이벤트가 필요하다면 `nativeEvent` 어트리뷰트를 참조하세요. 모든 `합성이벤트` 객체는 다음 어트리뷰트를 가집니다.
15+
브라우저의 고유 이벤트가 필요하다면 `nativeEvent` 어트리뷰트를 참조하세요. 모든 `합성 이벤트` 객체는 다음 어트리뷰트를 가집니다.
1616

1717
```javascript
1818
boolean bubbles
@@ -31,13 +31,13 @@ number timeStamp
3131
string type
3232
```
3333

34-
> 메모
34+
> 주의
3535
>
3636
> 0.14 버전부터 이벤트 핸들러가 `false`를 반환하더라도 이벤트 전파를 멈추지 않습니다. 대신 `e.stopPropagation()` 또는 `e.preventDefault()`를 필요할 때 호출하세요.
3737
3838
### 이벤트 풀링 {#event-pooling}
3939

40-
`합성이벤트`[풀링](https://en.wikipedia.org/wiki/Pool_(computer_science))됩니다. `합성이벤트` 객체는 재사용되고 모든 속성은 이벤트 핸들러가 호출된 다음 초기화됩니다. 성능적인 이유가 있습니다. 따라서 비동기적으로 이벤트 객체에 접근할 수 없습니다.
40+
`SyntheticEvent`[풀링](https://en.wikipedia.org/wiki/Pool_(computer_science))됩니다. 성능상의 이유로 `SyntheticEvent` 객체는 재사용되고 모든 속성은 이벤트 핸들러가 호출된 다음 초기화됩니다. 따라서 비동기적으로 이벤트 객체에 접근할 수 없습니다.
4141

4242
```javascript
4343
function onClick(event) {
@@ -58,38 +58,38 @@ function onClick(event) {
5858
}
5959
```
6060

61-
> 메모
61+
> 주의
6262
>
6363
> 비동기적으로 이벤트 속성을 참조하고 싶다면 이벤트 객체의 `event.persist()` 를 호출하세요. 합성 이벤트 풀에서 제거되고 사용자의 코드에서 참조가 가능해집니다.
6464
65-
## 지원 이벤트 목록 {#supported-events}
65+
## 지원하는 이벤트 {#supported-events}
6666

6767
React는 이벤트들을 다른 브라우저에서도 같은 속성을 가지도록 표준화합니다.
6868

6969
다음 이벤트 핸들러는 이벤트 버블링 단계에서 호출됩니다. 캡처 단계에 이벤트 핸들러를 등록하기 위해서는 이벤트 이름에 `Capture`를 덧붙이세요. 예를 들어 `onClick` 대신 `onClickCapture`를 사용해서 캡처 단계에서 클릭 이벤트 핸들러를 사용할 수 있습니다.
7070

71-
- [클립보드 이벤트](#clipboard-events)
72-
- [합성 이벤트](#composition-events)
73-
- [키보드 이벤트](#keyboard-events)
74-
- [포커스 이벤트](#focus-events)
71+
- [Clipboard 이벤트](#clipboard-events)
72+
- [Composition 이벤트](#composition-events)
73+
- [Keyboard 이벤트](#keyboard-events)
74+
- [Focus 이벤트](#focus-events)
7575
- [Form 이벤트](#form-events)
76-
- [마우스 이벤트](#mouse-events)
77-
- [포인터 이벤트](#pointer-events)
78-
- [선택 이벤트](#selection-events)
79-
- [터치 이벤트](#touch-events)
76+
- [Mouse 이벤트](#mouse-events)
77+
- [Pointer 이벤트](#pointer-events)
78+
- [Selection 이벤트](#selection-events)
79+
- [Touch 이벤트](#touch-events)
8080
- [UI 이벤트](#ui-events)
81-
- [ 이벤트](#wheel-events)
82-
- [미디어 이벤트](#media-events)
83-
- [이미지 이벤트](#image-events)
84-
- [애니메이션 이벤트](#animation-events)
85-
- [트랜지션 이벤트](#transition-events)
81+
- [Wheel 이벤트](#wheel-events)
82+
- [Media 이벤트](#media-events)
83+
- [Image 이벤트](#image-events)
84+
- [Animation 이벤트](#animation-events)
85+
- [Transition 이벤트](#transition-events)
8686
- [기타 이벤트](#other-events)
8787

8888
* * *
8989

9090
## 참조 {#reference}
9191

92-
### 클립보드 이벤트 {#clipboard-events}
92+
### Clipboard 이벤트 {#clipboard-events}
9393

9494
이벤트 이름
9595

@@ -105,7 +105,7 @@ DOMDataTransfer clipboardData
105105

106106
* * *
107107

108-
### 합성 이벤트 {#composition-events}
108+
### Composition 이벤트 {#composition-events}
109109

110110
이벤트 이름
111111

@@ -122,7 +122,7 @@ string data
122122

123123
* * *
124124

125-
### 키보드 이벤트 {#keyboard-events}
125+
### Keyboard 이벤트 {#keyboard-events}
126126

127127
이벤트 이름
128128

@@ -151,7 +151,7 @@ number which
151151

152152
* * *
153153

154-
### 포커스 이벤트 {#focus-events}
154+
### Focus 이벤트 {#focus-events}
155155

156156
이벤트 이름
157157

@@ -177,11 +177,11 @@ DOMEventTarget relatedTarget
177177
onChange onInput onInvalid onSubmit
178178
```
179179

180-
onChange 이벤트에 대한 더 자세한 정보는 [Forms](/docs/forms.html) 참조하세요.
180+
onChange 이벤트에 대한 더 자세한 정보는 [폼 문서](/docs/forms.html) 참조하세요.
181181

182182
* * *
183183

184-
### 마우스 이벤트 {#mouse-events}
184+
### Mouse 이벤트 {#mouse-events}
185185

186186
이벤트 이름
187187

@@ -191,7 +191,7 @@ onDragLeave onDragOver onDragStart onDrop onMouseDown onMouseEnter onMouseLeave
191191
onMouseMove onMouseOut onMouseOver onMouseUp
192192
```
193193

194-
`onMouseEnter``onMouseLeave` 이벤트는 일반적인 버블링 대신 떠나는 엘리먼트에서 들어가는 엘리먼트로 전파되고 캡처 단계가 없습니다.
194+
`onMouseEnter``onMouseLeave` 이벤트는 일반적인 버블링 대신 마우스가 떠나는 엘리먼트에서 들어가는 엘리먼트로 전파되고 캡처 단계가 없습니다.
195195

196196
속성
197197

@@ -214,7 +214,7 @@ boolean shiftKey
214214

215215
* * *
216216

217-
### 포인터 이벤트 {#pointer-events}
217+
### Pointer 이벤트 {#pointer-events}
218218

219219
이벤트 이름
220220

@@ -223,7 +223,7 @@ onPointerDown onPointerMove onPointerUp onPointerCancel onGotPointerCapture
223223
onLostPointerCapture onPointerEnter onPointerLeave onPointerOver onPointerOut
224224
```
225225

226-
`onPointerEnter``onPointerLeave` 이벤트는 일반적인 버블링 대신 떠나는 엘리먼트에서 들어가는 엘리먼트로 전파되고 캡처 단계가 없습니다.
226+
`onPointerEnter``onPointerLeave` 이벤트는 일반적인 버블링 대신 포인터가 떠나는 엘리먼트에서 들어가는 엘리먼트로 전파되고 캡처 단계가 없습니다.
227227

228228
속성
229229

@@ -242,15 +242,15 @@ string pointerType
242242
boolean isPrimary
243243
```
244244

245-
크로스 브라우저 지원에 대한 메모
245+
크로스 브라우저 지원 주의사항
246246

247247
포인터 이벤트는 아직 모든 브라우저에서 지원되지 않습니다(이 문서를 작성하는 시점엔 Chrome, Firefox, Edge 및 Internet Explorer가 지원합니다). 표준 폴리필은 `react-dom` 번들을 무겁게 만들기 때문에 React가 직접 브라우저 호환성을 위해 폴리필을 제공하진 않습니다.
248248

249-
어플리케이션이 포인터 이벤트를 의존한다면 직접 서드 파티 포인터 폴리필을 추가하세요.
249+
애플리케이션이 포인터 이벤트를 의존한다면 직접 서드 파티 포인터 폴리필을 추가하세요.
250250

251251
* * *
252252

253-
### 선택 이벤트 {#selection-events}
253+
### Selection 이벤트 {#selection-events}
254254

255255
이벤트 이름
256256

@@ -260,7 +260,7 @@ onSelect
260260

261261
* * *
262262

263-
### 터치 이벤트 {#touch-events}
263+
### Touch 이벤트 {#touch-events}
264264

265265
이벤트 이름
266266

@@ -300,7 +300,7 @@ DOMAbstractView view
300300

301301
* * *
302302

303-
### 이벤트 {#wheel-events}
303+
### Wheel 이벤트 {#wheel-events}
304304

305305
이벤트 이름
306306

@@ -319,7 +319,7 @@ number deltaZ
319319

320320
* * *
321321

322-
### 미디어 이벤트 {#media-events}
322+
### Media 이벤트 {#media-events}
323323

324324
이벤트 이름
325325

@@ -332,7 +332,7 @@ onTimeUpdate onVolumeChange onWaiting
332332

333333
* * *
334334

335-
### 이미지 이벤트 {#image-events}
335+
### Image 이벤트 {#image-events}
336336

337337
이벤트 이름
338338

@@ -342,7 +342,7 @@ onLoad onError
342342

343343
* * *
344344

345-
### 애니메이션 이벤트 {#animation-events}
345+
### Animation 이벤트 {#animation-events}
346346

347347
이벤트 이름
348348

@@ -360,7 +360,7 @@ float elapsedTime
360360

361361
* * *
362362

363-
### 트랜지션 이벤트 {#transition-events}
363+
### Transition 이벤트 {#transition-events}
364364

365365
이벤트 이름
366366

0 commit comments

Comments
 (0)