More issues

❌ if-else-return β†’ 🟒 if-return-return

μ–΄λŠ μˆœκ°„λΆ€ν„° 쑰건문을 μ“Έ λ•Œ 주절(main clause)에 ν•΄λ‹Ήν•˜λŠ” μΌ€μ΄μŠ€μΈμ§€λ₯Ό λ¨Όμ € μ²΄ν¬ν•˜λŠ” 것이 μ•„λ‹ˆλΌ async function onSubmitForm () { if (isValidForm) { const formattedForm = formatForm() await submitForm(formatForm()) } else { showErrorMsg() } } μ˜ˆμ™Έμ ˆμ— ν•΄λ‹Ήν•˜λŠ”μ§€λ₯Ό Β λ¨Όμ € μ²΄ν¬ν•˜κΈ° μ‹œμž‘ν–ˆλ‹€. async function onSubmitForm () { if (!isValidForm) return showErrorMsg() const formattedForm = formatForm() await submitForm(formatForm()) } 뿐만 μ•„λ‹ˆλΌ if 와
5 min read

Web Vitals - Performance (1)

μ•½ 1λ…„ 전에 λ―Έλ””μ–΄ μ „μ‹œ ν”„λ‘œμ νŠΈ "λͺ¨λ˜ κ·Έλ‘œν…ŒμŠ€ν¬ νƒ€μž„μ¦ˆ(Modern Grotesque Times)"에 μ›Ή 개발자둜 μ°Έμ—¬ν•œ 적이 μžˆμ—ˆλ‹€(πŸ”— Modern Grotesque Times πŸ”— GitHub). μ „μ‹œ κΈ°νšμžλ‚˜ λ‚˜μ—κ²Œλ‚˜ λœ»κΉŠμ€ ν”„λ‘œμ νŠΈμ˜€λŠ”λ°, κΈ°νšμžλŠ” 맀번 λ‹€λ₯Έ 기획자λ₯Ό λ³΄μ‘°ν•˜κΈ°λ§Œ ν•˜λ‹€κ°€ 처음으둜 λ‹¨λ…μœΌλ‘œ κΎΈλ¦° μ „μ‹œμ˜€κ³  λ‚˜λ‘œμ„œλŠ” μ„ΈνŒ…λΆ€ν„° 개발, λ°°ν¬κΉŒμ§€ λͺ¨λ‘ ν•œ 첫 ν”„λ‘œμ νŠΈμ˜€κΈ°λ•Œλ¬Έμ΄λ‹€. κΈ°ν•œμ— 맞좰 순쑰둭게
14 min read

JavaScript Runtime - Event Loop, Callback Queue

μ•žμ„  JavaScript Runtime ν¬μŠ€νŒ…μ—μ„œλŠ” JavaScript λŸ°νƒ€μž„μ˜ ꡬ쑰λ₯Ό λ‹€μŒκ³Ό 같이 μ΄ν•΄ν–ˆλ‹€(Figure1). 이번 ν¬μŠ€νŠΈμ—μ„œλŠ” event loop와 callback queueλ₯Ό μ€‘μ‹¬μœΌλ‘œ 보닀 ꡬ쑰λ₯Ό μ„ΈλΆ„ν™”ν•΄μ„œ μ‚΄νŽ΄λ³΄λ„λ‘ν•˜μž. 이벀트 루프와 의 세뢀적인 ꡬ쑰λ₯Ό κ°€μž₯ 잘 μ‹œκ°ν™”ν•œ μžλ£Œκ°€ μžˆμ–΄ μ†Œκ°œν•œλ‹€(Figure2). 각각의 약어듀이 μ˜λ―Έν•˜λŠ” λ°”λŠ” λ‹€μŒκ³Ό κ°™λ‹€: * T (Task) * rAF(`requestAnimationFrame`) * S (Style Computation) * L (Layout) * P
4 min read

JavaScript Runtime

λŸ°νƒ€μž„μ΄λž€ ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄κ°€ κ΅¬λ™λ˜λŠ” ν™˜κ²½μ΄λ‹€. ν™˜κ²½μ€ ν”„λ‘œκ·Έλž¨μ˜ μΌμ’…μœΌλ‘œμ„œ λŸ°νƒ€μž„μ΄λž€ 'ν”„λ‘œκ·Έλž˜λ° μ–Έμ–΄κ°€ λ™μž‘ν•  수 μžˆλŠ” ν”„λ‘œκ·Έλž¨'을 μ˜λ―Έν•œλ‹€. μš°λ¦¬κ°€ μž‘μ„±ν•œ μžλ°”μŠ€ν¬λ¦½νŠΈ μ½”λ“œκ°€ μš°λ¦¬κ°€ μ›ν•˜λŠ” λ™μž‘μ„ ν•˜λ €λ©΄ μ½”λ“œκ°€ μ‹€ν–‰λ˜μ–΄μ•Όν•œλ‹€. μžλ°”μŠ€ν¬λ¦½νŠΈλ₯Ό μ΄ν•΄ν•˜κΈ° μœ„ν•΄μ„œ μžλ°”μŠ€ν¬λ¦½νŠΈ λŸ°νƒ€μž„μ— λŒ€ν•œ μ΄ν•΄λŠ” ν•„μˆ˜μ μ΄λ‹€. λŒ€ν‘œμ μœΌλ‘œ μžλ°”μŠ€ν¬λ¦½νŠΈ μ½”λ“œλ₯Ό μ‹€ν–‰ν•  수 μžˆλŠ” λŸ°νƒ€μž„μ—λŠ” λΈŒλΌμš°μ €κ°€ μžˆλ‹€. λΈŒλΌμš°μ € μžλ°”μŠ€ν¬λ¦½νŠΈ λŸ°νƒ€μž„μ„ λ„μ‹ν™”ν•˜λ©΄
9 min read

Subscribe to go-kahlo-lee

Don’t miss out on the latest issues. Sign up now to get access to the library of members-only issues.
jamie@example.com
Subscribe