오타 수정 및 캡처링 용어 통일

Author: sohxxny

2-ui/2-events/02-bubbling-and-capturing/article.md

@@ -170,7 +170,7 @@ elem.addEventListener(..., true)
 
 <script>
   for(let elem of document.querySelectorAll('*')) {
-    elem.addEventListener("click", e => alert(`캡쳐링: ${elem.tagName}`), true);
+    elem.addEventListener("click", e => alert(`캡처링: ${elem.tagName}`), true);
     elem.addEventListener("click", e => alert(`버블링: ${elem.tagName}`));
   }
 </script>
@@ -181,7 +181,7 @@ elem.addEventListener(..., true)
 `<p>`를 클릭하면 다음과 같은 순서로 이벤트가 전달됩니다.
 
 1. `HTML` -> `BODY` -> `FORM` -> `DIV` (캡처링 단계, 첫 번째 리스너)
-2. `P` (타깃 단계, 캡쳐링과 버블링 둘 다에 리스너를 설정했기 때문에 두 번 호출됩니다.)
+2. `P` (타깃 단계, 캡처링과 버블링 둘 다에 리스너를 설정했기 때문에 두 번 호출됩니다.)
 3. `DIV` -> `FORM` -> `BODY` -> `HTML` (버블링 단계, 두 번째 리스너)
 
 `event.eventPhase` 프로퍼티를 이용하면 현재 발생 중인 이벤트 흐름의 단계를 알 수 있습니다. 반환되는 정숫값에 따라 이벤트 흐름의 현재 실행 단계를 구분할 수 있죠. 하지만 핸들러를 통해 흐름 단계를 알 수 있기 때문에 이 프로퍼티는 자주 사용되지 않습니다.

2-ui/2-events/05-dispatch-events/article.md

@@ -78,7 +78,7 @@ let event = new Event(type[, options]);
 1. `on<event>`은 내장 이벤트에만 해당하는 문법이기 때문에 `document.onhello`라고 하면 원하는 대로 동작하지 않습니다. 커스텀 이벤트는 반드시 `addEventListener`를 사용해 핸들링해야 합니다.
 2. `bubbles:true`를 명시적으로 설정하지 않으면 이벤트가 버블링 되지 않습니다.
 
-내장 이벤트(`click`)와 커스텀 이벤트(`hello`)의 버블링 메커니즘은 동일합니다. 이에 더하여 커스텀 이벤트에도 내장 이벤트와 마찬가지로 캡쳐링, 버블링 단계가 있습니다.
+내장 이벤트(`click`)와 커스텀 이벤트(`hello`)의 버블링 메커니즘은 동일합니다. 이에 더하여 커스텀 이벤트에도 내장 이벤트와 마찬가지로 캡처링, 버블링 단계가 있습니다.
 
 ## MouseEvent, KeyboardEvent 등의 다양한 이벤트
 
@@ -284,7 +284,7 @@ UI 이벤트별 표준 프로퍼티 목록은 명세서에서 확인할 수 있
 
 커스텀 이벤트의 이름을 `click`나 `keydown` 같이 브라우저 내장 이벤트처럼 지을 수 있긴 한데, 이런 경우엔 아주 조심해야 합니다.
 
-되도록이면 내장 이벤트와 같은 이름을 가진 브라우저 이벤트를 만들지 말도록 합시다. 대부분의 경우 설계 관점에서 아주 좋지 않은 영항을 끼치기 때문입니다. 
+되도록이면 내장 이벤트와 같은 이름을 가진 브라우저 이벤트를 만들지 말도록 합시다. 대부분의 경우 설계 관점에서 아주 좋지 않은 영향을 끼치기 때문입니다. 
 
 그렇지만 이런 경우에는 브라우저 이벤트를 만드는게 불가피 하니, 사용해도 괜찮습니다.