Curie Yoo

Curie Yoo

Frontend Developer ๐Ÿ“ Seoul, Korea | Naver Corp.

ยฉ All rights reserved.

Frontend

React

[React] Before you memo()

https://overreacted.io/before-you-memo/ ๋ฅผ ์ฝ๊ณ  ์ •๋ฆฌ

Read
Javascript

[JS] no-await-in-loop?

eslint ๋ฃฐ ์ค‘์— no-await-in-loop์ด ์žˆ๋Š” ์ด์œ ?

Read
Frontend

[FE] ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ ์ตœ์ ํ™”

FE ์„ฑ๋Šฅ ์ธก์ •๊ณผ ์ตœ์ ํ™” ๋ฐฉ๋ฒ•๋“ค

Read
React

[React] Ref

useRef๋Š” ๋‚ด์šฉ์ด ๋ณ€๊ฒฝ๋  ๋•Œ ๊ทธ๊ฒƒ์„ ์•Œ๋ ค์ฃผ์ง€๋Š” ์•Š๋Š”๋‹ค๋Š” ๊ฒƒ์„ ์œ ๋…ํ•˜์„ธ์š”. .current ํ”„๋กœํผํ‹ฐ๋ฅผ ๋ณ€ํ˜•ํ•˜๋Š” ๊ฒƒ์ด ๋ฆฌ๋ Œ๋”๋ง์„ ๋ฐœ์ƒ์‹œํ‚ค์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค. React๊ฐ€ DOM ๋…ธ๋“œ์— ref๋ฅผ attachํ•˜๊ฑฐ๋‚˜ detachํ•  ๋•Œ ์–ด๋–ค ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ๋Œ€์‹  ์ฝœ๋ฐฑ ref๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.

Read
React

[React] Code Splitting

๋Ÿฐํƒ€์ž„์— ๋ฒˆ๋“ค์„ ๋™์ ์œผ๋กœ ์ƒ์„ฑํ•˜๊ณ  ๋ถˆ๋Ÿฌ์˜ค๋Š” ๊ฒƒ

Read
Typescript

[Typescript] conditional types ํ™œ์šฉํ•ด์„œ ์•ˆ์ •์„ฑ ํ™•๋ณดํ•˜๊ธฐ

[8์›” ์šฐ์•„ํ•œํ…Œํฌ์„ธ๋ฏธ๋‚˜] ์šฐ์•„ํ•œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ...

Read
Typescript

[Typescript] Object vs. object vs. {}

strictNullChecks ์˜ต์…˜์ด ์•ˆ ์ผœ์ ธ ์žˆ์œผ๋ฉด null ๊ณผ undefined ๋Š” ์„ธ ๊ฐ€์ง€ ํƒ€์ž…์— ๋‹ค ํ• ๋‹น ๊ฐ€๋Šฅํ•˜๋‹ค...

Read
FRONTEND

[Javascript] Event Bubbling๊ณผ์˜ ๋งŒ๋‚จ

ํ”„๋กœํ•„ ์‚ฌ์ง„ ์—…๋กœ๋“œ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋˜ ์ค‘ ์ด๋ฒคํŠธ ๋ฒ„๋ธ”๋ง์„ ์ง์ ‘ ๋งŒ๋‚˜๊ฒŒ ๋˜์—ˆ๋‹ค! ๋ฐ˜๊ฐ€์šด ๋งˆ์Œ์— ๊ธ€๋กœ ์ •๋ฆฌํ•ด๋ณธ๋‹ค. ...

Read