javascript
22. κ³ κΈ‰ν…Œν¬λ‹‰
· β˜• 4 min read
λ‹€λ£¨λŠ” λ‚΄μš© κ³ κΈ‰ ν•¨μˆ˜ μ‰½κ²Œ μ‘°μž‘ν•  수 μ—†λŠ” 객체 타이머 μ‘°μž‘ μ»€μŠ€ν…€ 이벀트 1. κ³ κΈ‰ ν•¨μˆ˜ λ‹¨μˆœν•œ 절차적인 방식, λ³΅μž‘ν•˜κ³  동적인 방식, ν΄λ‘œμ €, ν•¨μˆ˜ 포인터 등을 μ‚¬μš©ν•˜λŠ”

17. μ—λŸ¬ μ²˜λ¦¬μ™€ 디버깅
· β˜• 3 min read
λ‹€λ£¨λŠ” λ‚΄μš© λΈŒλΌμš°μ €μ˜ μ—λŸ¬ 보고에 λŒ€ν•œ 이해 μ—λŸ¬ 처리 μžλ°”μŠ€ν¬λ¦½νŠΈ μ½”λ“œ 디버그 1. λΈŒλΌμš°μ €μ˜ μ—λŸ¬ 보고에 λŒ€ν•œ 이해 μ£Όμš” μ›Ή λΈŒλΌμš°μ €λŠ” μžλ°”μŠ€ν¬λ¦½νŠΈ μ—λŸ¬λ₯Ό μ‚¬μš©μžμ—

13. 이벀트
· β˜• 6 min read
λ‹€λ£¨λŠ” λ‚΄μš© 이벀트 흐름에 λŒ€ν•œ 이해 이벀트 ν•Έλ“€λŸ¬ 닀루기 μ—¬λŸ¬ 가지 νƒ€μž…μ˜ 이벀트 λ©”λͺ¨λ¦¬μ™€ μ„±λŠ₯ 1. 이벀트 흐름에 λŒ€ν•œ 이해 μžλ°”μŠ€ν¬λ¦½νŠΈμ™€ HTML 의 μƒν˜Έμž‘μš©μ€ λ¬Έμ„œλ‚˜ 브라

11. DOM ν™•μž₯
· β˜• 3 min read
λ‹€λ£¨λŠ” λ‚΄μš© μ„ νƒμž API 에 λŒ€ν•œ 이해 HTML5 DOM ν™•μž₯ μ‚¬μš© λΈŒλΌμš°μ € μ „μš© DOM ν™•μž₯ μ‚¬μš© 1. μ„ νƒμž API CSS μ„ νƒμžλ‘œ νŒ¨ν„΄μ„ λ§Œλ“€κ³  그에 λ§žλŠ” DOM μš”μ†Œλ₯Ό μ„ νƒν•˜λŠ” λŠ₯λ ₯ (Ex. jQuery) 1-1 querySelector() CSS 쿼리λ₯Ό λ°›

10. DOM
· β˜• 3 min read
DOM 을 λ…Έλ“œμ˜ 계측 ꡬ쑰둜 이해 λ‹€μ–‘ν•œ λ…Έλ“œ νƒ€μž… λΈŒλΌμš°μ €λ“€ κ°„μ˜ λΉ„ν˜Έν™˜μ„±μ„ μš°νšŒν•˜λŠ” DOM μ½”λ”© 1. λ…Έλ“œμ˜ 계측 ꡬ쑰 HTML κ³Ό XML λ¬Έμ„œλŠ” λͺ¨λ‘ DOM 을 톡해 λ…Έλ“œμ˜ 계측 ꡬ쑰둜 ν‘œν˜„ κ°€λŠ₯

8. λΈŒλΌμš°μ € 객체 λͺ¨λΈ
· β˜• 3 min read
λ‹€λ£¨λŠ” λ‚΄μš© BOM 의 핡심인 window 객체에 λŒ€ν•œ 이해 μ°½κ³Ό ν”„λ ˆμž„, νŒμ—… 컨트둀 location κ°μ²΄μ—μ„œ μ–»λŠ” νŽ˜μ΄μ§€ 정보 navigator 객체λ₯Ό ν†΅ν•œ λΈŒλΌμš°μ € 이해 1. window 객체 μ›ΉνŽ˜μ΄μ§€μ—μ„œ μ •μ˜ν•œ λͺ¨λ“  객체

7. ν•¨μˆ˜ ν‘œν˜„μ‹
· β˜• 4 min read
λ‹€λ£¨λŠ” λ‚΄μš© ν•¨μˆ˜ ν‘œν˜„μ‹μ˜ νŠΉμ§• ν•¨μˆ˜μ™€ μž¬κ·€ ν΄λ‘œμ €λ₯Ό μ΄μš©ν•œ 고유(프라이빗) λ³€μˆ˜ 1. ν•¨μˆ˜ ν‘œν˜„μ‹μ˜ νŠΉμ§• ν•¨μˆ˜λ₯Ό μ •μ˜ν•˜λŠ” 방법은 ν•¨μˆ˜ μ„ μ–Έκ³Ό ν•¨μˆ˜ ν‘œν˜„μ‹ 2가지가 있음

2. HTML μ†μ˜ μžλ°”μŠ€ν¬λ¦½νŠΈ
· β˜• 3 min read
λ‹€λ£¨λŠ” λ‚΄μš© <script> μš”μ†Œ μ‚¬μš© 인라인 μŠ€ν¬λ¦½νŠΈμ™€ μ™ΈλΆ€ 슀크립트의 비ꡐ λ¬Έμ„œ λͺ¨λ“œκ°€ μžλ°”μŠ€ν¬λ¦½νŠΈμ— λ―ΈμΉ˜λŠ” 영ν–₯ μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ λΉ„ν™œμ„±ν™”λœ 상황에 λŒ€ν•œ λŒ€λΉ„ 1. <Script> μš”μ†Œ μ—¬μ„―κ°€

3. μ–Έμ–΄μ˜ 기초
· β˜• 4 min read
λ‹€λ£¨λŠ” λ‚΄μš© 문법 데이터 νƒ€μž… μ œμ–΄λ¬Έ ν•¨μˆ˜ 1. 문법 λŒ€μ†Œλ¬Έμžλ₯Ό ꡬ뢄 μ‹λ³„μž -> λ³€μˆ˜, ν•¨μˆ˜, ν”„λ‘œνΌν‹°, ν•¨μˆ˜ λ§€κ°œλ³€μˆ˜μ˜ μ΄λ¦„μœΌλ‘œ κ΄€μŠ΅μ μœΌλ‘œ 카멜 μΌ€μ΄μŠ€λ₯Ό μ‚¬μš© camelCase 슀트릭

4. λ³€μˆ˜, μŠ€μ½”ν”„, λ©”λͺ¨λ¦¬
· β˜• 2 min read
λ‹€λ£¨λŠ” λ‚΄μš© λ³€μˆ˜μ˜ μ›μ‹œκ°’κ³Ό μ°Έμ‘°κ°’ μ‹€ν–‰ μ»¨ν…μŠ€νŠΈμ˜ 이해 가비지 μ»¬λ ‰μ…˜μ˜ 이해 1. μ›μ‹œκ°’κ³Ό μ°Έμ‘°κ°’ μ›μ‹œκ°’μ€ κΈ°λ³Ένƒ€μž…(λ¬Έμžμ—΄, null, undefined etc), 참쑰값은 λ©”λͺ¨λ¦¬μ— μ €μž₯된 객체