Skip to content

Part 2 4.2 폼과 폼 μ‘°μž‘ focus와 blur 챕터 λ²ˆμ—­ λˆ„λ½ μž‘μ—… (#1548) - #1588

Open
boyeonihn wants to merge 1 commit into
javascript-tutorial:masterfrom
boyeonihn:issue1548
Open

Part 2 4.2 폼과 폼 μ‘°μž‘ focus와 blur 챕터 λ²ˆμ—­ λˆ„λ½ μž‘μ—… (#1548)#1588
boyeonihn wants to merge 1 commit into
javascript-tutorial:masterfrom
boyeonihn:issue1548

Conversation

@boyeonihn

Copy link
Copy Markdown
Contributor

μš”μ•½

Part 2 4.2 폼과 폼 μ‘°μž‘ focus와 blur 챕터 쀑 focus, blur λ©”μ„œλ“œ μ„Ήμ…˜μ— λ²ˆμ—­ λˆ„λ½λœ 뢀뢄을 λ°œκ²¬ν•΄μ„œ λ²ˆμ—­ μž‘μ—…μ„ ν–ˆμŠ΅λ‹ˆλ‹€.
image

μ—°κ΄€ 이슈

μ—°κ΄€ 이슈 링크

Pull Request 체크리슀트

TODO

  • λ²ˆμ—­ κ·œμΉ™μ„ ν™•μΈν•˜μ…¨λ‚˜μš”?
    • 쀄 λ°”κΏˆκ³Ό 단락을 '원문과 λ™μΌν•˜κ²Œ' μœ μ§€ν•˜μ…¨λ‚˜μš”?
    • λ§žμΆ€λ²• κ²€μ‚¬κΈ°λ‘œ λ§žμΆ€λ²•μ„ ν™•μΈν•˜μ…¨λ‚˜μš”?
    • λ§ˆν¬λ‹€μš΄ 문법에 μ‚¬μš©λ˜λŠ” 곡백(슀페이슀), ν°λ”°μ˜΄ν‘œ("), μž‘μ€λ”°μ˜΄ν‘œ('), λŒ€μ‹œ(-), λ°±ν‹±(`) λ“±μ˜ νŠΉμˆ˜λ¬ΈμžλŠ” κ·ΈλŒ€λ‘œ λ‘μ…¨λ‚˜μš”?
  • 둜컬 μ„œλ²„ μ„ΈνŒ… ν›„ μ΅œμ’… 결과물을 확인해 λ³΄μ…¨λ‚˜μš”?
  • PR ν•˜λ‚˜μ—” λ²ˆμ—­λ¬Έ ν•˜λ‚˜λ§Œ λ„£μœΌμ…¨λ‚˜μš”?
  • 의미 μžˆλŠ” 컀밋 λ©”μ‹œμ§€λ₯Ό μž‘μ„±ν•˜μ…¨λ‚˜μš”?
    • μ˜ˆμ‹œ
      • [ν”„λ½μ‹œ] λ²ˆμ—­
      • [ν”„λ½μ‹œ] 과제 λ²ˆμ—­
      • [ifλ¬Έκ³Ό 쑰건뢀 μ—°μ‚°μž '?'] 리뷰
      • [주석] 2μ°¨ 리뷰
      • [Date 객체와 λ‚ μ§œ] λ²ˆμ—­

Comment thread 2-ui/4-forms-controls/2-focus-blur/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 πŸ‘»

@boyeonihn

Copy link
Copy Markdown
Contributor Author

/done

@SeongjaeHong SeongjaeHong left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

μ „λ°˜μ μœΌλ‘œ 잘 λ²ˆμ—­λœ 것 κ°™μœΌλ‚˜ 두 개 λ¬Έμž₯이 μ–΄μƒ‰ν•˜κ²Œ λŠκ»΄μ Έμ„œ μˆ˜μ •μ„ μ œμ•ˆ λ“œλ¦½λ‹ˆλ‹€. 제 μ œμ•ˆμ„ κ²€ν† ν•΄μ£Όμ‹œλ©΄ κ°μ‚¬ν•˜κ² μŠ΅λ‹ˆλ‹€.

- ν•΄λ‹Ή μš”μ†Œκ°€ DOMμ—μ„œ μ‚­μ œλ˜μ—ˆμ„ λ•Œλ„ 포컀슀 ν•΄μ œκ°€ μΌμ–΄λ‚©λ‹ˆλ‹€. λ‚˜μ€‘μ— μš”μ†Œλ₯Ό DOM에 λ‹€μ‹œ μ‚½μž…ν•΄λ„ ν¬μ»€μŠ€λŠ” λŒμ•„μ˜€μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

These features sometimes cause `focus/blur` handlers to misbehave -- to trigger when they are not needed.
μ΄λŸ¬ν•œ νŠΉμ§•μœΌλ‘œ 인해 가끔 `focus`와 `blur` ν•Έλ“€λŸ¬κ°€ ν•„μš” 없을 λ•Œ 트리거 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

μ•„λž˜ λ²ˆμ—­μ„ μ œμ•ˆλ“œλ¦½λ‹ˆλ‹€.

μ΄λŸ¬ν•œ νŠΉμ§•λ“€μ€ `focus`와 `blur` ν•Έλ“€λŸ¬κ°€ μž‘λ™ν•˜λ©΄ μ•ˆ λ˜λŠ” μƒν™©μ—μ„œ 잘λͺ» μž‘λ™ν•˜λ„λ‘ 였λ₯˜λ₯Ό λ§Œλ“€μ–΄ 내기도 ν•©λ‹ˆλ‹€.

κ·Όκ±°
focus와 blurκ°€ "ν•„μš” μ—†λ‹€"λΌλŠ” ν‘œν˜„μ€ "λ°œμƒν•˜λ©΄ μ•ˆ λ˜λŠ”" 상황을 ν‘œν˜„ν•œ 것 κ°™μŠ΅λ‹ˆλ‹€.
λ”°λΌμ„œ 였λ₯˜μ— ν•΄λ‹Ήν•œλ‹€λŠ” 것을 λΆ€κ°ν•˜μ—¬ μž¬λ²ˆμ—­ ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

μ΄λŸ¬ν•œ νŠΉμ§•μœΌλ‘œ 인해 가끔 `focus`와 `blur` ν•Έλ“€λŸ¬κ°€ ν•„μš” 없을 λ•Œ 트리거 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

The best recipe is to be careful when using these events. If we want to track user-initiated focus-loss, then we should avoid causing it ourselves.
μ΅œμ„ μ˜ λ°©μ•ˆμ€ 이런 이벀트λ₯Ό μ‚¬μš©ν•  λ•Œ μ£Όμ˜ν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€. μ‚¬μš©μžμ˜ 포컀슀 ν•΄μ œλ₯Ό μΆ”μ ν•˜κ³  μ‹Άλ‹€λ©΄ μ›Ή νŽ˜μ΄μ§€ μžμ²΄κ°€ 포컀슀 ν•΄μ œλ₯Ό μΌμœΌν‚€μ§€ μ•Šμ•„μ•Ό ν•©λ‹ˆλ‹€.

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

μ•„λž˜ λ²ˆμ—­μ„ μ œμ•ˆλ“œλ¦½λ‹ˆλ‹€.

μ΅œμ„ μ˜ λ°©μ•ˆμ€ 이런 이벀트λ₯Ό μ‚¬μš©ν•  λ•Œ μ£Όμ˜ν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€. μ‚¬μš©μžμ— μ˜ν•œ 포컀슀 ν•΄μ œλ₯Ό μΆ”μ ν•˜κ³  μ‹Άλ‹€λ©΄ μžλ°”μŠ€ν¬λ¦½νŠΈλ‘œ μΈν•œ μ˜λ„ λ˜μ§€ μ•Šμ€ 포컀슀 ν•΄μ œκ°€ λ°œμƒν•˜μ§€ μ•Šλ„λ‘ ν•΄μ•Ό ν•©λ‹ˆλ‹€.

κ·Όκ±°
κΈ°μ‘΄ "μ‚¬μš©μžμ˜ 포컀슀 ν•΄μ œ"와 "μ‚¬μš©μžμ— μ˜ν•œ 포컀슀 ν•΄μ œ"λŠ” 같은 μ˜λ―Έμ΄μ§€λ§Œ
ν›„μžμ˜ ν‘œν˜„μ„ 썼을 λ•Œ λ”μš± κ·Έ μ˜λ―Έκ°€ λΆ„λͺ…ν•œ 것 κ°™μŠ΅λ‹ˆλ‹€.

μ›Ή νŽ˜μ΄μ§€"λ₯Ό "μžλ°”μŠ€ν¬λ¦½νŠΈ"둜 λ°”κΎΌ μ΄μœ λŠ” ν•΄λ‹Ή λ¬Έλ‹¨μ˜ 제λͺ©μ— "μžλ°”μŠ€ν¬λ¦½νŠΈ"λ₯Ό μ‚¬μš©ν–ˆκΈ° λ•Œλ¬Έμ— 흐름상 "μžλ°”μŠ€ν¬λ¦½νŠΈ"κ°€ 더 μžμ—°μŠ€λŸ¬μšΈ 것 κ°™μ•„μ„œ μˆ˜μ •ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

μ›λ¬Έμ—μ„œ μž‘μ„±λœ "it"은 L101μ—μ„œ μ œκ°€ μž‘μ„±ν•œ μžλ°”μŠ€ν¬λ¦½νŠΈμ— μ˜ν•œ "μ˜€μž‘λ™"을 μ˜λ―Έν•˜λŠ” κ²ƒμœΌλ‘œ ν•΄μ„λ©λ‹ˆλ‹€.
λ”°λΌμ„œ λ‹¨μˆœνžˆ "포컀슀 ν•΄μ œ"둜만 ν‘œν˜„ν•˜λŠ” 것보닀 잘λͺ»λœ μƒν™©μ΄λΌλŠ” 점을 λΆ€κ°ν•˜λŠ” 것이 더 쒋을 것 κ°™μŠ΅λ‹ˆλ‹€.

@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 πŸ‘»

3 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 πŸ‘»

@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 πŸ‘»

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.

4 participants