From d8e513c0a54157b0439ac9bacb40977c48714e68 Mon Sep 17 00:00:00 2001 From: NeuroWhAI <tlsehdgus0212@gmail.com> Date: Tue, 11 Oct 2022 02:14:08 -0600 Subject: [PATCH] =?UTF-8?q?[=EC=98=A4=ED=83=80=EC=88=98=EC=A0=95]=20Part?= =?UTF-8?q?=202=20-=201.11=20=EC=A2=8C=ED=91=9C=20#1599?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 2-ui/1-document/11-coordinates/article.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/2-ui/1-document/11-coordinates/article.md b/2-ui/1-document/11-coordinates/article.md index cd3d1c8cb4..25f9a2168d 100644 --- a/2-ui/1-document/11-coordinates/article.md +++ b/2-ui/1-document/11-coordinates/article.md @@ -135,7 +135,7 @@ alert(elem.tagName); ```js let elem = document.elementFromPoint(x, y); -// 요소가 창 밖으로 나가면 lem = null +// 요소가 창 밖으로 나가면 elem = null *!* elem.style.background = ''; // 에러! */!* @@ -199,7 +199,7 @@ setTimeout(() => message.remove(), 5000); CSS와 비교하자면 창 기준 좌표는 `position:fixed`에 해당하고 문서 기준 좌표는 맨 위 기준 `position:absolute`와 비슷합니다. -문서 내 특정 좌표에 무언가를 위치시키고 싶을 땐 `position:absolute`와 `top, `left`를 사용하면 스크롤 이동에 상관없이 해당 요소를 한 좌표에 머물게 할 수 있습니다. 그러려면 우선 정확한 좌표가 필요합니다. +문서 내 특정 좌표에 무언가를 위치시키고 싶을 땐 `position:absolute`와 `top/left`를 사용하면 스크롤 이동에 상관없이 해당 요소를 한 좌표에 머물게 할 수 있습니다. 그러려면 우선 정확한 좌표가 필요합니다. 그런데 요소의 문서 기준 좌표를 제공하는 표준 메서드가 아직 없습니다. 하지만 아주 쉽게 코드를 작성할 수 있습니다. @@ -252,4 +252,4 @@ function createMessageUnder(elem, html) { 창 기준 좌표는 `position:fixed`와 사용하면 좋고 문서 기준 좌표는 `position:absolute`와 사용하면 좋습니다. -두 좌표 체계 모두 장단점이 있습니다. CSS의 `position`, `absolute`, `fixed`처럼 이게 필요할 때도 있고 저게 필요할 때도 있습니다. \ No newline at end of file +두 좌표 체계 모두 장단점이 있습니다. CSS의 `position`, `absolute`, `fixed`처럼 이게 필요할 때도 있고 저게 필요할 때도 있습니다.