profile
Front ๐Ÿ’” End
post-thumbnail

ํ”„๋กœ ๋งˆ์ธ๋“œ ์žฅ์ฐฉํ•ด๋ณด๊ธฐ!! FE ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ์ˆ˜๋ฃŒ ํšŒ๊ณ 

ํ”„๋กœ์˜จ๋ณด๋”ฉ ์‹œ์ž‘ ์ „ ์ด ์„ ํƒ์ด ์ •๋ง ๋งž์„๊นŒ? ๊ณ ๋ฏผ๊ณผ ๊ฑฑ์ •์„ ๊ณ„์†ํ–ˆ๋‹ค. ์„ ๋ฐœํ˜•์˜ ์œ ๋ช… ๋ถ€ํŠธ์บ ํ”„๋ฅผ ์กธ์—…ํ–ˆ๊ธฐ์— ๋‹จ์ˆœํ•˜๊ฒŒ ์ƒ๊ฐํ•˜๋ฉด ๋ถ€ํŠธ์บ ํ”„์™€ ๋น„์Šทํ•˜๊ฒŒ ํ•™์Šตํ•˜๊ณ  ํ”„๋กœ์ ํŠธ๋ฅผ ์ˆ˜ํ–‰ํ•˜์ง€ ์•Š์„๊นŒ? ๊ณผ์—ฐ ์ด ๊ณผ์ •์ด ๋‚˜์—๊ฒŒ ํฐ ๋„์›€์ด ๋ ๊นŒ? ํ•˜๋Š” ์ƒ๊ฐ์ด ๋“ค์–ด์„œ ๊ฑฑ์ •์ด ๋“ค์—ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ถ€ํŠธ

2022๋…„ 3์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํ˜‘์—… ํšจ์œจ์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•œ ๋…ธ๋ ฅ - ์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ ๋ณด๋”ฉ ์ค‘๊ฐ„ ํšŒ๊ณ 

๊ฑด๊ฐ•ํ•œ ์กฐ์ง ๋ฌธํ™”๋ฅผ ๋งŒ๋“ค๋ฉฐ ์ฆ๊ฑฐ์šด ์ฝ”๋”ฉ์„ ์ง€ํ–ฅํ•˜๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•œ ๊ณผ์ •

2022๋…„ 2์›” 9์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

TIL: ์ด๋ฒคํŠธ ํ”„๋กœํผํ‹ฐ ๋ฐฉ์‹๊ณผ addEventListener ๋ฉ”์„œ๋“œ ๋ฐฉ์‹(feat: ์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ์ง€์›๊ณผ์ œ)

1. useCallback ์ผ๋ฐ˜ํ•จ์ˆ˜์—์„œ๋Š” ์ ์šฉ๋˜์ง€ ์•Š์œผ๋‚˜, ํ•ด๋‹นํ•จ์ˆ˜๋ฅผ useCallback์œผ๋กœ memoํ–ˆ์„ ๋•Œ ๋ฐœ๊ฒฌ๋œ ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๋‹ค. ์ƒํ™ฉ document.addEventListener์— useCallback์œผ๋กœ ๋ฉ”๋ชจ๋ผ์ด์ง•ํ•œ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ, removeEven

2022๋…„ 1์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท