profile
Front ๐Ÿ’” End

TIL: UNIX timestamp, Tags(article, section, output)

UNIX timestamp: UNIX๋Š” s(์ดˆ)๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์‹œ๊ฐ„์„ ๊ณ„์‚ฐํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋‹ค. js์˜ Date ํ•จ์ˆ˜๋Š” timestamp๋ฅผ ์ž…๋ ฅ๋ฐ›์ง€๋งŒ ms(๋ฐ€๋ฆฌ์ดˆ)๊ฐ€ ๊ธฐ์ค€์ด๊ธฐ ๋•Œ๋ฌธ์— UNIX ๊ฐ’์„ ์ž…๋ ฅํ•˜๋Š” ๊ฒฝ์šฐ ์ƒ๋‹นํžˆ ๋จผ ๊ณผ๊ฑฐ์˜ ๋‚ ์งœ๋ฅผ ๋ฐ˜ํ™˜ํ•˜๊ฒŒ ๋œ๋‹ค. ๋”ฐ๋ผ์„œ UNIX ๊ฐ’์„ ๊ฐ€์ง€๊ณ 

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

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

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

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

TIL: react key, callback ref, mouseEvent[clientX, screenX, pageX], text-overflow

react์˜ key๋Š” stable, predictable, unique ํ•ด์•ผํ•œ๋‹ค. ๋ฌดํ•œ slide๋ฅผ ๊ตฌํ˜„ํ•˜๋ฉฐ ์–‘์ชฝ ๋์— ๋™์ผํ•œ asset์ด ์ž…๋ ฅ๋˜๊ธฐ ๋•Œ๋ฌธ์— id๊ฐ€ ๊ฒน์น˜๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ์ด๋ฅผ ๊ฐ„๋‹จํ•˜๊ฒŒ ํ•ด๊ฒฐํ•˜๊ณ  ์‹ถ์–ด index + Math.random์„ ์‚ฌ์šฉํ–ˆ์œผ๋‚˜ 3๊ฐ€

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

innerText์™€ textContent์˜ ์ฐจ์ด + innerHTML

innerText์™€ textContent๋Š” ๋” ์š”์†Œ์˜ text ๊ฐ’์„ getํ•˜๊ฑฐ๋‚˜ setํ•˜๋Š”๋ฐ ์‚ฌ์šฉํ•œ๋‹ค. ํ•ต์‹ฌ ์—ญํ• ๋กœ๋Š” ์ƒ๋‹นํžˆ ๋น„์Šทํ•œ ๊ธฐ๋Šฅ์„ ํ•˜๋Š” ์ด ๋‘ ํ”„๋กœํผํ‹ฐ๋Š” ์–ด๋–ค ์ฐจ์ด๊ฐ€ ์žˆ์„๊นŒ? ํ•œ๋ฒˆ ์•Œ์•„ ๋ด…์‹œ๋‹ค!innerText๋Š” HTMLElement์˜ ํ”„๋กœํผํ‹ฐ๋‹ค. HTMLEl

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

null ๋ณ‘ํ•ฉ ์—ฐ์‚ฐ์ž

๋งค๋ฒˆ ํ—ท๊ฐˆ๋ฆฌ๋Š” null ๋ณ‘ํ•ฉ ์—ฐ์‚ฐ์ž ์ •๋ฆฌํ•˜๊ธฐ.null ๋ณ‘ํ•ฉ ์—ฐ์‚ฐ์ž(??): null๊ณผ undefined๋งŒ์„ false๋กœ ์ทจ๊ธ‰or ์—ฐ์‚ฐ์ž(||): falsy list(false, 0, undefined, NaN, null, "")๋ฅผ false๋กœ ์ทจ๊ธ‰์œ„์™€ ๊ฐ™์ด null ๋ณ‘

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