๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Daily/Today I Learned

210123_TIL

by joooing 2021. 1. 24.
๋ฐ˜์‘ํ˜•

๐ŸŽ์˜ค๋Š˜ ํ•œ ์ผ


โœ”๏ธ Data Structure ๋ณต์Šต 
๋ฐ์ดํ„ฐ ์ž๋ฃŒ ๊ตฌ์กฐ๋“ค์„ ํ•œ๋ฒˆ์”ฉ ๋‹ค์‹œ ๊ทธ๋ ค๋ณด๊ณ , ๊ด€๋ จ๋œ socrative ๋ฌธ์ œ๋“ค ์ค‘ ํ—ท๊ฐˆ๋ ธ๊ฑฐ๋‚˜ ์ƒˆ๋กœ ๋ฐฐ์šด ๊ฐœ๋…๋“ค์„ ์ •๋ฆฌํ–ˆ๋‹ค. ์‹œ๊ฐ„ ๋ณต์žก๋„์™€ ๊ฐ๊ฐ์˜ ์žฅ๋‹จ์ ์— ์ดˆ์ ์„ ๋งž์ถฐ ๋ณต์Šตํ–ˆ๋‹ค.

โœ”๏ธ Sprint ํšŒ๊ณ  ๊ธฐ๋กํ•ด๋‘๊ธฐ
์‚ฌ์‹ค ์ง€๋‚œ ์ฃผ๋™์•ˆ ์ƒˆ๋กœ ๋ฐฐ์šด ๊ฒƒ๋„ ๋งŽ๊ณ  ๊ทธ๋‚ ๊ทธ๋‚  ๋ฐฐ์šด๊ฑธ ์ •๋ฆฌํ•˜๊ธฐ์—๋„ ์‹œ๊ฐ„์ด ๋น ๋“ฏํ•ด์„œ ์ง€์ง€๋‚œ์ฃผ์— ํ–ˆ๋˜ ํฌ์ผ“๋ชฌ ๊ฒŒ์ž„์„ ๋งŒ๋“ค์—ˆ๋˜ Sprint์— ๋Œ€ํ•œ ๊ธฐ๋ก์„ ํ•ด๋‘์ง€ ๋ชปํ•˜๊ณ  ๋„˜์–ด๊ฐ”์—ˆ๋‹ค. ๋Š๋‚€ ์ ๋„ ๊ทธ๋ ‡๊ณ  ์ƒˆ๋กœ ์•Œ๊ฒŒ๋œ ๊ฒƒ๋“ค์„ ์žŠ๊ธฐ ์ „์— ์ •๋ฆฌํ•ด๋‘์ž๋Š” ๋งˆ์Œ์œผ๋กœ ๊ธฐํš๋ถ€ํ„ฐ ๊ตฌํ˜„๊ณผ์ •, ์ƒˆ๋กœ ๋ฐฐ์šด ๊ธฐ๋Šฅ์— ๋Œ€ํ•ด ๋‹ค์‹œํ•œ๋ฒˆ ๋ณต์Šตํ•˜๋ฉฐ ๊ธฐ๋กํ–ˆ๋‹ค.

 

๐ŸŽ ๊ธฐ์–ตํ•  ๊ฒƒ


โœ”๏ธ z-index
์–ด๋Š ๊ฐ์ฒด๊ฐ€ ์•ž์œผ๋กœ ๋‚˜์˜ค๊ณ , ๋’ค์— ๋‚˜์˜ฌ์ง€ ๋ฐฐ์น˜ ์ˆœ์„œ๋ฅผ ๊ฒฐ์ •ํ•˜๋Š” CSS ์†์„ฑ

โœ”๏ธ pageX, pageY
๋ธŒ๋ผ์šฐ์ € ์ƒ์—์„œ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋งˆ์šฐ์Šค ์ปค์„œ์˜ ์œ„์น˜๊ฐ’์„ ๊ณ„์‚ฐํ•ด์ฃผ๋Š” ์ด๋ฒคํŠธ ์†์„ฑ์œผ๋กœ, mousemove ์ด๋ฒคํŠธ์™€ ์ฃผ๋กœ ํ•จ๊ป˜ ์‚ฌ์šฉํ•จ

โœ”๏ธ ์• ๋‹ˆ๋ฉ”์ด์…˜
animation : ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ง€์†์‹œ๊ฐ„, ์†๋„ ๋“ฑ์„ ์กฐ์ • 
@keyframes : ์• ๋‹ˆ๋ฉ”์ด์…˜์˜ ๊ฐ ๊ตฌ๊ฐ„๋ณ„๋กœ ์–ด๋–ค ์Šคํƒ€์ผ์„ ์ ์šฉ์‹œํ‚ฌ์ง€ ์ •ํ•˜๋Š” ์†์„ฑ

โœ”๏ธ Timeout ๊ฐ์ฒด
 setTimeout, setInterval ๋“ฑ ์‹œ๊ฐ„๊ณผ ๊ด€๋ จ๋œ ๋ฉ”์„œ๋“œ๋“ค์˜ ์ƒ์œ„ ๊ฐ์ฒด(์กฐ์ƒ๋‹˜..)์ธ Timeout ๊ฐ์ฒด๋ผ๋Š” ๊ฒƒ์— ๋Œ€ํ•ด ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค. prototype๊ณผ __proto__ ์†์„ฑ์„ ํ†ตํ•ด ํ™•์ธํ•ด๋ณผ ์ˆ˜ ์žˆ์—ˆ๋Š”๋ฐ, ์ด ๊ฐ์ฒด์˜ ๋ชจ๋“  ๋ฉ”์„œ๋“œ๋Š” ๋ธŒ๋ผ์šฐ์ € JavaScript API๋ฅผ ๋˜‘๊ฐ™์ด ๋”ฐ๋ผํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ „์—ญ์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค. ๋ธŒ๋ผ์šฐ์ € API์—๋Š” DOM, AJAX, Timout์ด ๊ธฐ๋ณธ์ ์œผ๋กœ ํฌํ•จ๋œ๋‹ค๋Š” ๊ฒƒ๋„ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค.

 

๐ŸŽ ๋” ๊ณต๋ถ€ํ•  ๊ฒƒ


โœ”๏ธ Heap ์ •๋ ฌ ์•Œ๊ณ ๋ฆฌ์ฆ˜
๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€