🧐 μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ μ–΄λ–»κ²Œ λŒμ•„κ°€λŠ”μ§€ μ•„μ‹œλ‚˜μš” | 컀리어리

🧐 μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ μ–΄λ–»κ²Œ λŒμ•„κ°€λŠ”μ§€ μ•„μ‹œλ‚˜μš”? 사싀 우리 μ›Ήκ°œλ°œμžλ“€μ€ μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ μ–΄λ–»κ²Œ λ™μž‘ν•˜λŠ”μ§€ λͺ°λΌλ„ ν”„λ‘ νŠΈμ—”λ“œλ₯Ό μ–΄λŠμ •λ„ κ΅¬ν˜„ν•  수 μžˆμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ λ‚˜μ€‘μ— λ²„κ·Έλ‚˜ 퍼포먼슀 μ΄μŠˆμ„ ν•΄κ²°ν•˜λŠ” 데 ν•œκ³„κ°€ μžˆμ„ 수 μžˆμŠ΅λ‹ˆλ‹€. 엔진이 μ–΄λ–»κ²Œ κ΅¬λ™λ˜λŠ”μ§€ λͺ¨λ₯Έλ‹€λ©΄ κ·Έλ•Œ κ·Έλ•Œ 깨진 ꡬ멍을 틀어막을 뿐, 원인은 νŒŒμ•…ν•  수 μ—†μ„ν…Œλ‹ˆκΉŒμš”. λ‹¨μˆœνžˆ μž‘λ™ν•˜λŠ” κΈ°λŠ₯을 κ°œλ°œν•˜λŠ” 것 μ΄μƒμœΌλ‘œ μ„±λŠ₯ μ΅œμ ν™” 와 μ•ˆμ •μ  λ³΄μˆ˜κΉŒμ§€ ν•˜λŠ” μ›Ήκ°œλ°œμžκ°€ λ˜κ³ μ‹Άλ‹€λ©΄ μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ μ–΄λ–€ λ°©μ‹μœΌλ‘œ κ΅¬λ™λ˜λŠ”μ§€λ₯Ό μ•„λŠ” 것은 ν•„μˆ˜λΌκ³  μƒκ°ν•©λ‹ˆλ‹€. μžλ°”μŠ€ν¬λ¦½νŠΈ 엔진 ꡬ동 방식에 λŒ€ν•œ 이해λ₯Ό λ„μšΈ 쒋은 κΈ€ ν•˜λ‚˜λ₯Ό κ³΅μœ ν•©λ‹ˆλ‹€. μ‚¬λžŒμ˜ 행동 방식과 엔진 νŠΉμ§•μ„ 찰떑같이 λΉ„μœ ν•˜μ—¬ ν‘œν˜„ν–ˆμŠ΅λ‹ˆλ‹€. 결둠이 κΉ”λ”ν•˜κ²Œ μ •λ¦¬λΌμžˆκΈ° λ•Œλ¬Έμ— λ°”μ˜μ‹  뢄듀은 결둠만 읽어도 쒋을 것 κ°™μ•„μš”! μ²˜μŒλΆ€ν„° μ™„λ²½ν•˜κ²Œ μ΄ν•΄ν•˜κΈ°λŠ” μ–΄λ ΅μ§€λ§Œ 계속 κ³΅λΆ€ν•˜κ³  κ³ λ―Όν•˜λ©΄ μ΄ν•΄μ˜ κΉŠμ΄κ°€ κΉŠμ–΄μ§ˆ 거라고 μƒκ°ν•©λ‹ˆλ‹€. (저도 그러고 μžˆμ–΄μš” πŸ™Œ)

How JavaScript works

Medium

2021λ…„ 4μ›” 2일 μ˜€μ „ 9:49

λŒ“κΈ€ 0

ν•¨κ»˜ 보면 더 쒋은

μ›Ήμ•±μ˜ μ„±λŠ₯을 높여쀄 μ„œλΉ„μŠ€ μ›Œμ»€μ— λŒ€ν•˜μ—¬ ꡬ글 크둬 Dev submit 2020 μ—μ„œ ν–ˆλ˜ μ„Έμ…˜ 쀑 ν•˜λ‚˜λ₯Ό κ³΅μœ ν•©λ‹ˆλ‹€.(28λΆ„ μ •λ„λ‘œ μ§§μ•„μš”!) Javascript λŸ°νƒ€μž„μ€ single thread 기반이기 λ•Œλ¬Έμ— μš©λŸ‰μ΄ 큰 파일 λ‹€μš΄λ‘œλ“œ 같이 μ˜€λžœμ‹œκ°„μ΄ κ±Έλ¦¬λŠ” μž‘μ—…λ“€μ€ main thread μ—μ„œ ν•˜μ§€ μ•Šκ³  background workerμ—μ„œ μˆ˜ν–‰ν•˜λŠ”λ°μš”. worker 의 μ’…λ₯˜μ—λŠ” web worker도 있고 service worker도 μžˆμŠ΅λ‹ˆλ‹€. μ„Έμ…˜μ—μ„œλŠ” μ•„λž˜ λ‚΄μš©μ„ μ„€λͺ…ν•©λ‹ˆλ‹€. 1. web worker 와 service worker 차이 2. service worker 와 window communication API 3. PWA patterns 그리고 μ‹€μ œ μ„œλΉ„μŠ€ μ˜ˆμ‹œ .. (μ˜ˆμ‹œ μ½”λ“œλ„ λ‚˜μ˜΅λ‹ˆλ‹€.)

PWA patterns for window and service worker communication

YouTube

μΆ”μ²œ ν”„λ‘œν•„

ν˜„μ§μžμ—κ²Œ 업계 μ£Όμš” μ†Œμ‹μ„ λ°›μ•„λ³΄μ„Έμš”.

β€Œ
β€Œβ€Œ
β€Œ
β€Œ
β€Œβ€Œ
β€Œ
β€Œ
β€Œβ€Œ
β€Œ
β€Œ
β€Œβ€Œ
β€Œ
β€Œ
β€Œβ€Œ
β€Œ

ν˜„μ§μžλ“€μ˜ 'μ§„μ§œ μΈμ‚¬μ΄νŠΈ'κ°€ λ‹΄κΈ΄ 업계 μ£Όμš” μ†Œμ‹μ„ λ°›μ•„λ³΄μ„Έμš”.

컀리어리 | μΌμž˜λŸ¬λ“€μ˜ 컀리어 SNS