Jun 17, 2021
diff --git a/2-ui/3-event-details/1-mouse-events-basics/article.md b/2-ui/3-event-details/1-mouse-events-basics/article.md

 두 정보에 대한 차이는 <info:coordinates> 챕터에서 다룬 바 있습니다.

 그럼에도 불구하고 두 좌표에 대해 요약하자면 다음과 같습니다.클라이언트 좌표인 `clientX`와 `clientY`는 웹 문서를 기준으로 각각 왼쪽에서 얼마나 떨어져 있는지, 위에서 얼마나 떨어져 있는지를 나타내는데 페이지가 스크롤 되어도 변하지 않습니다. 반면`pageX`와 `pageY`는 창 왼쪽 위를 기준으로 얼마나 떨어져 있는지를 나타내며 페이지를 스크롤하면 값도 변합니다.
 그럼에도 불구하고 두 좌표에 대해 요약하자면 다음과 같습니다.페이지 좌표인 `pageX`와 `pageY`는 웹 문서를 기준으로 각각 왼쪽에서 얼마나 떨어져 있는지, 위에서 얼마나 떨어져 있는지를 나타내는데 페이지가 스크롤 되어도 변하지 않습니다. 반면클라이언트 좌표 `clientX`와 `clientY`는 창 왼쪽 위를 기준으로 얼마나 떨어져 있는지를 나타내며 페이지를 스크롤하면 값도 변합니다.

 예를 들어봅시다. 사이즈가 500x500인 창에서 마우스 커서를 왼쪽 위 가장자리로 옮기면 페이지를 어디로 스크롤 하든 상관없이 `clientX`, `clientY` 값이 `0`이 됩니다.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -138,7 +138,7 @@ Windows와 Linux는 `key:Alt`, `key:Shift`, `key:Ctrl` 키를 지원합니다.

		두 정보에 대한 차이는 <info:coordinates> 챕터에서 다룬 바 있습니다.

		그럼에도 불구하고 두 좌표에 대해 요약하자면 다음과 같습니다.클라이언트 좌표인 `clientX`와 `clientY`는 웹 문서를 기준으로 각각 왼쪽에서 얼마나 떨어져 있는지, 위에서 얼마나 떨어져 있는지를 나타내는데 페이지가 스크롤 되어도 변하지 않습니다. 반면`pageX`와 `pageY`는 창 왼쪽 위를 기준으로 얼마나 떨어져 있는지를 나타내며 페이지를 스크롤하면 값도 변합니다.
		그럼에도 불구하고 두 좌표에 대해 요약하자면 다음과 같습니다.페이지 좌표인 `pageX`와 `pageY`는 웹 문서를 기준으로 각각 왼쪽에서 얼마나 떨어져 있는지, 위에서 얼마나 떨어져 있는지를 나타내는데 페이지가 스크롤 되어도 변하지 않습니다. 반면클라이언트 좌표 `clientX`와 `clientY`는 창 왼쪽 위를 기준으로 얼마나 떨어져 있는지를 나타내며 페이지를 스크롤하면 값도 변합니다.

		예를 들어봅시다. 사이즈가 500x500인 창에서 마우스 커서를 왼쪽 위 가장자리로 옮기면 페이지를 어디로 스크롤 하든 상관없이 `clientX`, `clientY` 값이 `0`이 됩니다.

Expand Down