Skip to content

[문서] 문서 1.8 ~ 1.11 병합충돌 해결#1862

Open
snowari wants to merge 1 commit into
javascript-tutorial:2026-en-mergefrom
snowari:sync-c23
Open

[문서] 문서 1.8 ~ 1.11 병합충돌 해결#1862
snowari wants to merge 1 commit into
javascript-tutorial:2026-en-mergefrom
snowari:sync-c23

Conversation

@snowari
Copy link
Copy Markdown

@snowari snowari commented May 16, 2026

문서[document] 파트의 병합 충돌을 해결했습니다

  • 1.8 스타일과 클래스
  • 1.9 요소 사이즈와 스크롤
  • 1.10 브라우저 창 사이즈와 스크롤
  • 1.11 좌표

요약

연관 이슈

(fix #일이삼)

Pull Request 체크리스트

TODO

  • 번역 규칙을 확인하셨나요?
    • 줄 바꿈과 단락을 '원문과 동일하게' 유지하셨나요?
    • 맞춤법 검사기로 맞춤법을 확인하셨나요?
    • 마크다운 문법에 사용되는 공백(스페이스), 큰따옴표("), 작은따옴표('), 대시(-), 백틱(`) 등의 특수문자는 그대로 두셨나요?
  • 로컬 서버 세팅 후 최종 결과물을 확인해 보셨나요?
  • PR 하나엔 번역문 하나만 넣으셨나요?
  • 의미 있는 커밋 메시지를 작성하셨나요?
    • 예시
      • [프락시] 번역
      • [프락시] 과제 번역
      • [if문과 조건부 연산자 '?'] 리뷰
      • [주석] 2차 리뷰
      • [Date 객체와 날짜] 번역

@CLAassistant
Copy link
Copy Markdown

CLAassistant commented May 16, 2026

CLA assistant check
All committers have signed the CLA.

@sohxxny
Copy link
Copy Markdown

sohxxny commented May 16, 2026

@snowari 안녕하세요 은서님!
혹시 prettier 설정 때문인지 번역 내용과 무관한 공백/들여쓰기 변경이 포함되어 있는데 이 부분 먼저 수정해주실 수 있을까요?

아래의 병합 충돌을 해결했습니다.
- 1.8 스타일과 클래스
- 1.9 요소 사이즈와 스크롤
- 1.10 브라우저 창 사이즈와 스크롤
- 1.11 좌표
@snowari
Copy link
Copy Markdown
Author

snowari commented May 17, 2026

마크다운 문법 틀려진 것 다시 복구 하였습니다! 또한 upstream에서 새로 추가된 아래 두 블럭을 한국어로 번역했습니다.

1.8 스타일과 클래스

  • elem.style.removeProperty() 메서드 설명 추가

1.10 브라우저 창 사이즈와 스크롤

  • scrollX, scrollYpageXOffset, pageYOffset의 별칭임을 설명하는 블럭 추가
  • 헤딩에 scrollIntoView 추가

Copy link
Copy Markdown

@sohxxny sohxxny left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다! 번역 자체를 리뷰해드리고 싶었는데...
하나하나 다 읽어봤지만 번역하신 부분들은 다 완성도 높다고 느껴져서 드릴 말씀이 없네요ㅎㅎ 대신 기존 번역에서 있었던 오타만 수정 요청드렸습니다!

<<<<<<< HEAD
이론상 `document.documentElement`는 문서의 루트 요소에 상응하고, 루트 요소엔 콘텐츠 전부가 들어가기 때문에 우리는 문서의 전체 크기를 `document.documentElement`의 `scrollWidth`와 `scrollHeight`를 사용해 재면 되지 않냐고 생각합니다.

그런데 전체 페이지를 대상으로 했을 때, `document.documentElement`의 프로피터들은 우리가 예상한 대로 동작하지 않습니다. Chrome이나 Safari, Opera에서 스크롤이 없는 경우 `documentElement.scrollHeight`는 `documentElement.clientHeight`보다 작을 때가 있죠. 예상하기엔 같은 값이어야 하는데도 말입니다.
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

프로피터 -> 프로퍼티로 바꾸어야할 것 같습니다!

@@ -1,3 +1,3 @@
# 스타일과 클래스

자바스크립트를 사용해 어떻게 스타일과 클래스를 다룰 수 있는지 알아보기 전에, 중요한 규칙을 하나 집고 넘어가야 할 것 같습니다. 핵심만 요약했기 때문에 충분할진 모르겠지만 꼭 언급하고 넘어가야 하기 때문입니다.
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

집고 -> 짚고로 수정 부탁드립니다!


프로퍼티 `elem.style`은 속성 `"style"`에 쓰인 값에 대응되는 객체입니다. `elem.style.width="100px"`은 `style` 속성값을 문자열 `width:100px`로 설정한 것과 같죠.

여러 단어를 이어서 만든 프로퍼티는 다음와 같이 카멜 표기법을 사용해 이름 짓습니다.
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

다음와 -> 다음과 로 수정 부탁드립니다.


CSS와 비교하자면 창 기준 좌표는 `position:fixed`에 해당하고 문서 기준 좌표는 맨 위 기준 `position:absolute`와 비슷합니다.

문서 내 특정 좌표에 무언가를 위치시키고 싶을 땐 `position:absolute`와 `top, `left`를 사용하면 스크롤 이동에 상관없이 해당 요소를 한 좌표에 머물게 할 수 있습니다. 그러려면 우선 정확한 좌표가 필요합니다.
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

여기에도 top에 빠진 백틱 넣어주시면 감사하겠습니다!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants