Skip to content

Commit

Permalink
[오타수정] Part 2 - 1.11 좌표 #1599
Browse files Browse the repository at this point in the history
  • Loading branch information
NeuroWhAI authored Oct 11, 2022
1 parent c297fd8 commit d8e513c
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions 2-ui/1-document/11-coordinates/article.md
Original file line number Diff line number Diff line change
Expand Up @@ -135,7 +135,7 @@ alert(elem.tagName);

```js
let elem = document.elementFromPoint(x, y);
// 요소가 창 밖으로 나가면 lem = null
// 요소가 창 밖으로 나가면 elem = null
*!*
elem.style.background = ''; // 에러!
*/!*
Expand Down Expand Up @@ -199,7 +199,7 @@ setTimeout(() => message.remove(), 5000);
CSS와 비교하자면 창 기준 좌표는 `position:fixed`에 해당하고 문서 기준 좌표는 맨 위 기준 `position:absolute`와 비슷합니다.
문서 내 특정 좌표에 무언가를 위치시키고 싶을 땐 `position:absolute`와 `top, `left`를 사용하면 스크롤 이동에 상관없이 해당 요소를 한 좌표에 머물게 할 수 있습니다. 그러려면 우선 정확한 좌표가 필요합니다.
문서 내 특정 좌표에 무언가를 위치시키고 싶을 땐 `position:absolute`와 `top/left`를 사용하면 스크롤 이동에 상관없이 해당 요소를 한 좌표에 머물게 할 수 있습니다. 그러려면 우선 정확한 좌표가 필요합니다.
그런데 요소의 문서 기준 좌표를 제공하는 표준 메서드가 아직 없습니다. 하지만 아주 쉽게 코드를 작성할 수 있습니다.
Expand Down Expand Up @@ -252,4 +252,4 @@ function createMessageUnder(elem, html) {
창 기준 좌표는 `position:fixed`와 사용하면 좋고 문서 기준 좌표는 `position:absolute`와 사용하면 좋습니다.
두 좌표 체계 모두 장단점이 있습니다. CSS의 `position`, `absolute`, `fixed`처럼 이게 필요할 때도 있고 저게 필요할 때도 있습니다.
두 좌표 체계 모두 장단점이 있습니다. CSS의 `position`, `absolute`, `fixed`처럼 이게 필요할 때도 있고 저게 필요할 때도 있습니다.

0 comments on commit d8e513c

Please sign in to comment.