Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

add : chapter 40 doc #50

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

add : chapter 40 doc #50

wants to merge 2 commits into from

Conversation

Jun99uu
Copy link
Member

@Jun99uu Jun99uu commented Mar 18, 2023

Summary 🦁

ν›„.. νž˜λ“œλŸΏλ‹₯^^...
근데 생각보닀 μ €λ²ˆμ— μˆœλ²”μ΄ν˜• 파트마λƒ₯ λ‚΄μš©μ΄ λ­”μ†Œλ¦°μ§€ ν•˜λ‚˜λ„ λͺ¨λ₯΄κ² λŠ”.. 그런건 μ•„λ‹ˆμ–΄μ”€λ‹€.
그러치만 λ’€λ‘œκ°ˆμˆ˜λ‘ μ–΄λ €μ›Œμ§
사싀 이게 이정도 λŽμŠ€κΉŒμ§€ μ•Œμ•„μ•Όν•˜λ‚˜ 싢기도 ν•œ . . .
μ—¬νŠΌ μ–΄μ°Œμ–΄μ°Œ μ •λ¦¬ν•˜κΈ΄ ν–ˆλŠ”λ° μ˜€νƒ€ μ•„μ£Ό λ§Žμ„ 것 κ°™μ•„μš” 우히히

PR Checklist ✏️

  • Commit Convention에 맞게 PR Title μž‘μ„±
  • Assignees 확인

@Jun99uu Jun99uu self-assigned this Mar 18, 2023
@yoo-jimin127
Copy link
Member

@Jun99uu 어라 μ„ μƒλ‹˜!! DOM 39μž₯μ΄μ—¬μ„œ PR 제λͺ© λ°”κΏ”λ‘˜κ²Œμ—¬!!
λ‚΄κ°€ λͺ¨λ₯΄λŠ” 사이에 이벀트 PR λ‚ λ €λ‘” 쀄 μ•Œκ³  μ‹ λ‚¬λ„€μš” ... γ…Žγ…Žγ…Žγ…‹γ…‹γ…‹γ…‹γ…‹

@yoo-jimin127 yoo-jimin127 changed the title add : chapter 40 doc add : chapter 90 doc Mar 18, 2023
@yoo-jimin127
Copy link
Member

μ–΄ 뭐지??????γ…‹γ…‹γ…‹γ…‹γ…‹γ…‹γ…‹γ…‹γ…‹γ…‹γ…‹μž μ‹œλ§Œμš” μ€€κ·œλ‹˜ 39μž₯ DOM μΈλ°μš” ....?????

@yoo-jimin127 yoo-jimin127 changed the title add : chapter 90 doc add : chapter 40 doc Mar 19, 2023
yoo-jimin127
yoo-jimin127 requested changes Apr 22, 2023
View reviewed changes
Copy link
Member

@yoo-jimin127 yoo-jimin127 left a comment

Choose a reason for hiding this comment

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

🦁 : 와 ... μ§„μ§œ 이벀트 λ‚΄μš© λ„ˆλ¬΄ λ§Žμ•˜λŠ”λ° μ–΄λ–»κ²Œ λ‹€ μ •λ¦¬ν•˜μ‹  κ±΄κ°€μš” ...
λ¬Έμ„œ 가독성도 λ„ˆλ¬΄ μ’‹κ³  예제 μ½”λ“œλ„ ν•„μš”ν•  λ•Œλ§ˆλ‹€ κΊΌλ‚΄λ³Ό 수 있게 잘 μž‘μ„±ν•΄μ£Όμ…”μ„œ
μ‹œν—˜κΈ°κ°„μΈλ° μ§€κΈˆ μ»΄κ·Έ κ³΅λΆ€λŠ” μ•ˆν•˜κ³  이벀트 곡뢀 μ œλŒ€λ‘œ ν–ˆμŠ΅λ‹ˆλ‹€ γ…‹γ…‹γ…‹γ…‹γ…‹
λ„ˆλ¬΄ μˆ˜κ³ ν•˜μ…¨μ–΄μš” !! λͺ‡κ°€μ§€ μ˜€νƒ€λ‚˜ μˆ˜μ •μ‚¬ν•­ μ μ–΄λ‘μ—ˆμœΌλ‹ˆ μ°Έκ³  λΆ€νƒλ“œλ¦½λ‹ˆλ‹Ήβ˜ΊοΈ

JS Deep Dive cheat-sheet/40_이벀트.md
Comment on lines +25 to +53
| 이벀트 νƒ€μž… | 이벀트 λ°œμƒ μ‹œμ  |
| ----------- | ------------------------------------------------------- |
| click | 마우슀 λ²„νŠΌμ„ ν΄λ¦­ν–ˆμ„ λ•Œ |
| dblclick | 마우슀 λ²„νŠΌμ„ 더블 ν΄λ¦­ν–ˆμ„ λ•Œ |
| mousedown | 마우슀 λ²„νŠΌμ„ λˆŒλ €μ„ λ•Œ |
| mouseup | λˆ„λ₯΄κ³  μž‡λ˜ 마우슀 λ²„νŠΌμ„ λ†“μ•˜μ„ λ•Œ |
| mousemove | 마우슀 μ»€μ„œλ₯Ό μ›€μ§μ˜€μ„ λ•Œ |
| mouseenter | 마우슀 μ»€μ„œλ₯Ό HTML μš”μ†Œ μ•ˆμœΌλ‘œ μ΄λ™ν–ˆμ„ λ•Œ (버블링 ❌) |
| mouseover | 마우슀 μ»€μ„œλ₯Ό HTML μš”μ†Œ μ•ˆμœΌλ‘œ μ΄λ™ν–ˆμ„ λ•Œ (버블링 ⭕️) |
| mouseleave | 마우슀 μ»€μ„œλ₯Ό HTML μš”μ†Œ λ°–μœΌλ‘œ μ΄λ™ν–ˆμ„ λ•Œ (버블링 ❌) |
| mouseout | 마우슀 μ»€μ„œλ₯Ό HTML μš”μ†Œ λ°–μœΌλ‘œ μ΄λ™ν–ˆμ„ λ•Œ (버블링 ⭕️) |

### βœ… ν‚€λ³΄λ“œ 이벀트

| 이벀트 νƒ€μž… | 이벀트 λ°œμƒ μ‹œμ  |
| ----------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| keydown | λͺ¨λ“  ν‚€λ₯Ό λˆŒλ €μ„ λ•Œ λ°œμƒ<br/>`command` `option` `control` `shift` ν‚€λŠ” 1번 만 λ°œμƒ<br>λ‚˜λ¨Έμ§€ 킀듀은 λˆ„λ₯΄κ³  있으면 계속 λ°œμƒ |
| keypress | 문자 ν‚€λ₯Ό λˆŒλ €μ„ λ•Œ μ—°μ†μ μœΌλ‘œ λ°œμƒ<br/>`command` `option` `control` `shift` `delete` `esc` ν‚€λŠ” 이벀트 λ°œμƒ ❌<br/>**deprecated** |
| keyup | λˆ„λ₯΄κ³  있던 ν‚€λ₯Ό λ†“μ•˜μ„ λ•Œ ν•œ 번만 λ°œμƒ<br/> |

### βœ… 포컀슀 이벀트

| 이벀트 νƒ€μž… | 이벀트 λ°œμƒ μ‹œμ  |
| ----------- | ------------------------------------------- |
| focus | HTML μš”μ†Œκ°€ 포컀슀λ₯Ό λ°›μ•˜μ„ λ•Œ (버블링 ❌) |
| blur | HTML μš”μ†Œκ°€ 포컀슀λ₯Ό μžƒμ—ˆμ„ λ•Œ (버블링 ❌) |
| focusin | HTML μš”μ†Œκ°€ 포컀슀λ₯Ό λ°›μ•˜μ„ λ•Œ (버블링 ⭕️) |
| focusout | HTML μš”μ†Œκ°€ 포컀슀λ₯Ό μžƒμ—ˆμ„ λ•Œ (버블링 ⭕️) |

Copy link
Member

Choose a reason for hiding this comment

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

🦁 : 이벀트 버블링 μ§„μ§œ ν”„λ‘ νŠΈ 단골 질문인데 μ΄λ ‡κ²Œ μ΄λ²€νŠΈμ— 따라 버블링 여뢀도 λˆˆμ— ν™• λ„λŠ” μ•„μ΄μ½˜μœΌλ‘œ κ°•μ‘°ν•΄μ£Όμ…”μ„œ λ„ˆλ¬΄ 쒋은 것 κ°™μŠ΅λ‹ˆλ‹€ !!

JS Deep Dive cheat-sheet/40_이벀트.md
| 이벀트 νƒ€μž… | 이벀트 λ°œμƒ μ‹œμ  |
| ----------- | ------------------------------------------------------- |
| submit | form μš”μ†Œ λ‚΄μ˜ input ν˜Ήμ€ selectμ—μ„œ μ—”ν„°ν‚€λ₯Ό λˆŒλ €μ„ λ•Œ |
| reset | form μš”μ†Œ λ‚΄μ˜ reset λ²„νŠΌμ„ ν΄λ¦­ν–ˆμ„ λ•Œ<br/>μš”μ¦˜ μ•ˆ 씀 |
Copy link
Member

Choose a reason for hiding this comment

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

🦁 : γ…‹γ…‹γ…‹γ…‹γ…‹γ…‹ μš”μ¦˜ μ•ˆμ”€ γ…‹γ…‹γ…‹γ…‹γ…‹...γ… γ… γ… γ… γ…‹γ…‹γ…‹γ…‹γ…‹

JS Deep Dive cheat-sheet/40_이벀트.md Show resolved Hide resolved
JS Deep Dive cheat-sheet/40_이벀트.md
</html>
```

이벀트 ν•Έλ“€λŸ¬λŠ” λŒ‘λΆ„ 이벀트λ₯Ό λ°œμƒμ‹œν‚¬ 이벀트 타깃에 λ°”μΈλ”©ν•œλ‹€.
Copy link
Member

Choose a reason for hiding this comment

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

πŸ’© : μ˜€νƒ€ μžˆμŠ΅λ‹ˆλ‹Ή!

JS Deep Dive cheat-sheet/40_이벀트.md Outdated Show resolved Hide resolved
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@yoo-jimin127 yoo-jimin127 yoo-jimin127 requested changes

@Sang-minKIM Sang-minKIM Sang-minKIM approved these changes

@seocylucky seocylucky Awaiting requested review from seocylucky seocylucky is a code owner

@da-in da-in Awaiting requested review from da-in da-in is a code owner

@HwangSunBeom HwangSunBeom Awaiting requested review from HwangSunBeom HwangSunBeom is a code owner

Requested changes must be addressed to merge this pull request.

Assignees

@Jun99uu Jun99uu

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
3 participants
@Jun99uu @yoo-jimin127 @Sang-minKIM