Translate ref 05 to Korean
- Up to c0e33e8
Shim Won committed
Feb 7, 2015 at 13:56 UTC
65b8bcce6f50f4277d6e388095817de812f11d67
1 file changed
+195
docs/docs/ref-05-events.ko-KR.md
new
+195
@@ -0,0 +1,195 @@
1
+---
2
+id: events-ko-KR
3
+title: 이벤트 시스템
4
+permalink: events.ko-KR.html
5
+prev: tags-and-attributes.ko-KR.html
6
+next: dom-differences.ko-KR.html
7
+---
8
+
9
+## 통합적인(Synthetic) 이벤트
10
+
11
+이벤트 핸들러는 브라우저의 네이티브 이벤트의 크로스 브라우저 래퍼인`SyntheticEvent`의 인스턴스에 전달됩니다. 모든 브라우저에서 동작한다는 점을 제외하면, `SyntheticEvent`는 `stopPropagation()`나 `preventDefault()`를 포함해, 브라우저의 네이티브 이벤트와 같은 인터페이스를 가지고 있습니다.
12
+
13
+어떤 이유로 기본 브라우저 이벤트가 필요하다면, 그냥 `nativeEvent`를 사용해 할 수 있습니다. 모든 `SyntheticEvent` 객체는 이런 어트리뷰트를 가집니다.
14
+
15
+```javascript
16
+boolean bubbles
17
+boolean cancelable
18
+DOMEventTarget currentTarget
19
+boolean defaultPrevented
20
+number eventPhase
21
+boolean isTrusted
22
+DOMEvent nativeEvent
23
+void preventDefault()
24
+void stopPropagation()
25
+DOMEventTarget target
26
+number timeStamp
27
+string type
28
+```
29
+
30
+> 주의:
31
+>
32
+> v0.12 시점에서, 이벤트 핸들러에서 `false` 를 리턴하는 것은 더 이상 이벤트의 전달(propagation)을 멈추지 않습니다. 대신, `e.stopPropagation()`나 `e.preventDefault()`로 적절히 수동으로 트리거해야 합니다.
33
+
34
+
35
+## 지원되는 이벤트
36
+
37
+React는 다른 브라우저에서 일관된 특성을 가지도록 이벤트를 일반화합니다.
38
+
39
+밑에 있는 이벤트 핸들러들은 일으키는(bubbling) 단계에서 이벤트를 트리거합니다. 이벤트 핸들러를 캡처 단계로 등록하려면, 이벤트 이름에 `Capture`를 붙이면 됩니다. 예를 들어, 캡처 단계의 클릭 이벤트를 다루려면 `onClick`를 사용하는 대신에 `onClickCapture`를 사용해야 합니다.
40
+
41
+
42
+### 클립보드 이벤트
43
+
44
+이벤트 이름:
45
+
46
+```
47
+onCopy onCut onPaste
48
+```
49
+
50
+프로퍼티:
51
+
52
+```javascript
53
+DOMDataTransfer clipboardData
54
+```
55
+
56
+
57
+### 키보드 이벤트
58
+
59
+이벤트 이름:
60
+
61
+```
62
+onKeyDown onKeyPress onKeyUp
63
+```
64
+
65
+프로퍼티:
66
+
67
+```javascript
68
+boolean altKey
69
+Number charCode
70
+boolean ctrlKey
71
+function getModifierState(key)
72
+String key
73
+Number keyCode
74
+String locale
75
+Number location
76
+boolean metaKey
77
+boolean repeat
78
+boolean shiftKey
79
+Number which
80
+```
81
+
82
+
83
+### 포커스 이벤트
84
+
85
+이벤트 이름:
86
+
87
+```
88
+onFocus onBlur
89
+```
90
+
91
+프로퍼티:
92
+
93
+```javascript
94
+DOMEventTarget relatedTarget
95
+```
96
+
97
+
98
+### 폼 이벤트
99
+
100
+이벤트 이름:
101
+
102
+```
103
+onChange onInput onSubmit
104
+```
105
+
106
+onChange 이벤트에 대한 더 자세한 정보는 [폼](/react/docs/forms.html)에서 확인하세요.
107
+
108
+
109
+### 마우스 이벤트
110
+
111
+이벤트 이름:
112
+
113
+```
114
+onClick onDoubleClick onDrag onDragEnd onDragEnter onDragExit onDragLeave
115
+onDragOver onDragStart onDrop onMouseDown onMouseEnter onMouseLeave
116
+onMouseMove onMouseOut onMouseOver onMouseUp
117
+```
118
+
119
+프로퍼티:
120
+
121
+```javascript
122
+boolean altKey
123
+Number button
124
+Number buttons
125
+Number clientX
126
+Number clientY
127
+boolean ctrlKey
128
+function getModifierState(key)
129
+boolean metaKey
130
+Number pageX
131
+Number pageY
132
+DOMEventTarget relatedTarget
133
+Number screenX
134
+Number screenY
135
+boolean shiftKey
136
+```
137
+
138
+
139
+### 터치 이벤트
140
+
141
+터치 이벤트를 활성화 하려면, 컴포넌트를 렌더하기 전에
142
+`React.initializeTouchEvents(true)`를 호출하세요.
143
+
144
+이벤트 이름:
145
+
146
+```
147
+onTouchCancel onTouchEnd onTouchMove onTouchStart
148
+```
149
+
150
+프로퍼티:
151
+
152
+```javascript
153
+boolean altKey
154
+DOMTouchList changedTouches
155
+boolean ctrlKey
156
+function getModifierState(key)
157
+boolean metaKey
158
+boolean shiftKey
159
+DOMTouchList targetTouches
160
+DOMTouchList touches
161
+```
162
+
163
+
164
+### UI 이벤트
165
+
166
+이벤트 이름:
167
+
168
+```
169
+onScroll
170
+```
171
+
172
+프로퍼티:
173
+
174
+```javascript
175
+Number detail
176
+DOMAbstractView view
177
+```
178
+
179
+
180
+### 휠 이벤트
181
+
182
+이벤트 이름:
183
+
184
+```
185
+onWheel
186
+```
187
+
188
+프로퍼티:
189
+
190
+```javascript
191
+Number deltaMode
192
+Number deltaX
193
+Number deltaY
194
+Number deltaZ
195
+```