Skip to content

[문서] 2.3.1/4/6 충돌 및 번역 해결#1872

Open
Chaejy wants to merge 3 commits into
javascript-tutorial:2026-en-mergefrom
Chaejy:c27-2026-en-merge
Open

[문서] 2.3.1/4/6 충돌 및 번역 해결#1872
Chaejy wants to merge 3 commits into
javascript-tutorial:2026-en-mergefrom
Chaejy:c27-2026-en-merge

Conversation

@Chaejy
Copy link
Copy Markdown

@Chaejy Chaejy commented May 17, 2026

요약

upstream 동기화 과정에서 2-ui/3-event-details 하위 문서에 발생한 충돌을 해결했습니다.
충돌 마커와 병합 과정에서 남아 있던 영문 원문을 제거하고, 기존 한국어 문맥에 맞게 문장을 정리했습니다.
특히 6-pointer-events 문서는 충돌 해결뿐 아니라 한국어로 번역되지 않은 영문 구간이 남아 있어 해당 부분까지 함께 번역했습니다.

충돌 해결

다음 문서에서 upstream 병합 중 발생한 충돌을 정리했습니다.

  • 2-ui/3-event-details/1-mouse-events-basics/article.md
  • 2-ui/3-event-details/4-mouse-drag-and-drop/article.md
  • 2-ui/3-event-details/6-pointer-events/article.md

작업 내용은 다음과 같습니다.

  • 충돌 블록 제거
  • upstream 기준 문서 구조에 맞게 미번역 영문 내용을 한국어로 번역

로컬 서버 이미지

image image image

연관 이슈

Pull Request 체크리스트

TODO

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

@CLAassistant
Copy link
Copy Markdown

CLAassistant commented May 17, 2026

CLA assistant check
All committers have signed the CLA.

Copy link
Copy Markdown

@gusdn3477 gusdn3477 left a comment

Choose a reason for hiding this comment

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

👍

Comment thread 2-ui/5-loading/03-onload-onerror/article.md Outdated
Comment thread 2-ui/5-loading/03-onload-onerror/article.md Outdated
Comment thread 2-ui/5-loading/03-onload-onerror/article.md Outdated
Comment thread 2-ui/5-loading/03-onload-onerror/article.md Outdated
Comment thread 2-ui/5-loading/03-onload-onerror/article.md Outdated
Comment thread 2-ui/5-loading/03-onload-onerror/article.md Outdated
Comment thread 2-ui/5-loading/03-onload-onerror/article.md Outdated
@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

1 similar comment
@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

1 similar comment
@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

Copy link
Copy Markdown

@gusdn3477 gusdn3477 left a comment

Choose a reason for hiding this comment

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

수고하셨습니다.

@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

2 similar comments
@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

Comment on lines -234 to 178
Pointer capturing provides a means to bind `pointermove` to `thumb` and avoid any such problems:
**포인터 캡처링은 드래그 앤 드롭 같은 상호작용을 단순화하는 데 사용할 수 있습니다.**

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

여기 번역되며 ** 로 문장을 감싼 것 같은데 혹시 확인 부탁드려도 될까요?

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

원문이 244 line 인데 ** 로 감싸져있어서 동일하게 진행하였습니다!

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

아 확인했습니다,

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

요게 라인 차이가 있어서 부득이하게 좀만 더 살펴볼게요

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

넵 상세하게 봐주셔서 감사합니다~!

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

확인해봤는데 문제 없는걸로 파악했습니다.

@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

2 similar comments
@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

@Chaejy Chaejy changed the title [문서] C27 충돌 및 번역 해결 [문서] 2.3 충돌 및 번역 해결 May 31, 2026
@Chaejy Chaejy changed the title [문서] 2.3 충돌 및 번역 해결 [문서] 2.3.1/4/6 충돌 및 번역 해결 May 31, 2026
@Violet-Bora-Lee
Copy link
Copy Markdown
Member

@Chaejy 로컬서버 띄워서 한번만 더 확인하시고 머지 진행하겠습니다.

Copy link
Copy Markdown

@gusdn3477 gusdn3477 left a comment

Choose a reason for hiding this comment

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

다시 확인해 봤는데 충돌 된 부분들 잘 병합된 것 확인했습니다. 수고하셨습니다.

추가 커밋은 추가 리뷰 진행하겠습니다.

@Chaejy Chaejy force-pushed the c27-2026-en-merge branch 3 times, most recently from 9b9b14d to 8998835 Compare June 7, 2026 10:58
@Chaejy Chaejy force-pushed the c27-2026-en-merge branch from 07f8713 to 3431645 Compare June 7, 2026 12:00
=======
Also there's `event.buttons` property that has all currently pressed buttons as an integer, one bit per button. In practice this property is very rarely used, you can find details at [MDN](mdn:/api/MouseEvent/buttons) if you ever need it.
>>>>>>> upstream/master
참고로 `event.buttons`라는 프로퍼티도 있습니다. 이 프로퍼티는 현재 눌려 있는 버튼들에 대한 정보를 정수 형태로 나타내며, 각 버튼은 하나의 비트로 표현됩니다. 실무에서 이 프로퍼티를 만날 일은 극히 드물지만, 필요하다면[MDN](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons)에서 확인해 보시길 바랍니다.
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@Chaejy

필요하다면[MDN] -> 필요하다면 [MDN]
공백이 필요해 보입니다!

=======
On the other hand, `mousedown` and `mouseup` handlers may need `event.button`, because these events trigger on any button, so `button` allows to distinguish between "right-mousedown" and "left-mousedown".
>>>>>>> upstream/master
반면 `mousedown`과 `mouseup` 핸들러에서는 `event.button`이 필요할 수 있습니다. 이 이벤트들은 마우스의 어느 버튼에서든 발생하므로, `button` 프로퍼티를 사용하면 '오른쪽 버튼으로 발생한 mousedown'과 '왼쪽 버튼으로 발생한 mousedown'을 구분할 수 있습니다.
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@Chaejy
마우스 오른쪽 버튼 클릭으로 발생한 or 우클릭
마우스 왼쪽 버튼 클릭으로 발생한 or 좌클릭
어떨지 의견 드려요. mousedown 이니 만큼 누르는 워딩이 들어가야 할 것 같아요.


For instance, double-clicking on the text below selects it in addition to our handler:
>>>>>>> upstream/master
예를 들어, 아래 텍스트를 더블 클릭하면 우리가 만든 핸들러가 실행되는 동시에 텍스트도 선택됩니다.
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@Chaejy
여기 쉼표 없어도 되지 않을까요?
번역 모범 예시에서 쉼표를 모두 옮길 필요 없습니다 예시 참고하시면 좋을 것 같습니다.

ball.style.zIndex = 1000;

// 현재 위치한 부모에서 body로 직접 이동하여
// 현재 부모 요소에서 body 바로 아래로 옮겨
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@Chaejy 여기도 주석 1줄로 바꿔도 되지 않을까 의견 드립니다. (의견)

- `tiltX`, `tiltY`, `twist` - 펜이 표면을 기준으로 어떻게 놓였는지 설명하는 펜 전용 프로퍼티입니다.

These properties aren't supported by most devices, so they are rarely used. You can find the details about them in the [specification](https://w3c.github.io/pointerevents/#pointerevent-interface) if needed.
이 프로퍼티들은 대부분의 기기에서 지원되지 않아 잘 사용되지 않습니다. 필요하다면 [명세](https://w3c.github.io/pointerevents/#pointerevent-interface)에서 자세한 내용을 확인할 수 있습니다.
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@Chaejy
용어집 참고해보니 명세, 명세서 둘 다 가능한데 다른 문서에 비슷한 예시를 보면(클릭 시 링크 이동하는 경우) 명세서라 되어 있는 경우가 많기도 하고, 실제 문서와 연결된 링크이다 보니까 명세보다는 명세서로 하는게 더 좋지 않을까 의견 드립니다.

브라우저가 가로채서 직접 처리할 수 있는 드래그 앤 드롭과 복잡한 터치 상호작용에서는, 이벤트의 기본 동작을 취소하고 관련 요소에 CSS로 `touch-action: none`을 설정해야 한다는 점을 잊지 마세요.

Additional abilities of pointer events are:
포인터 이벤트의 추가 기능은 다음과 같습니다.
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

포인터 이벤트에는 다음과 같은 추가 기능이 있습니다
로 좀 부드럽게 해도 좋을 것 같아요.

@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

2 similar comments
@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

@javascript-translate-bot
Copy link
Copy Markdown

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

@gusdn3477
Copy link
Copy Markdown

gusdn3477 commented Jun 7, 2026

@Chaejy
지연님 리뷰 반영하실 때 맞춤법 검사도 한번 돌려봐 주시면 감사하겠습니다.

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants