๋ฐ์ํ
๐์ค๋ ํ ์ผ
โ๏ธ 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 ์ ๋ ฌ ์๊ณ ๋ฆฌ์ฆ
๋ฐ์ํ
'Daily > Today I Learned' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
210125_TIL (0) | 2021.01.26 |
---|---|
210124_TIL (0) | 2021.01.25 |
210122_TIL (์๊ฐ๋ณต์ก๋, ์๋ฃ๊ตฌ์กฐ ๋ณต์ต) (0) | 2021.01.23 |
210121_TIL (์๋ฃ๊ตฌ์กฐ - ํธ๋ฆฌ, ์ด์ง๊ฒ์ํธ๋ฆฌ) (0) | 2021.01.22 |
210120_TIL (์๋ฃ๊ตฌ์กฐ - ํด์ํ ์ด๋ธ, ๊ทธ๋ํ) (0) | 2021.01.21 |
๋๊ธ