Web Development

React

[React] Before you memo()

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

Read
web

[Web] loadedmetadata / loadeddata / canplay

๋ทฐ์–ด ๊ตฌํ˜„์— ํ•„์ˆ˜์ ์ธ ๋น„๋””์˜ค ์ด๋ฒคํŠธ๋“ค.. ์ด ๊ธฐํšŒ์— ํ—ท๊ฐˆ๋ฆฌ๋Š” ๋ถ€๋ถ„์„ ์ •๋ฆฌํ•ด๋ณด์ž

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