๋ฏผํธํฅ๊ธฐ : ์ด๋ฒคํธ๋ฆฌ์ค๋ ๋์ ๋ฐฉ์(์บก์ณ๋ง(์๋๋ก), ํ๊ฒํ , ๋ฒ๋ธ๋ง(์๋ก) / preventDefault(๋์x ์ ํo)์ stopPropagation(๋์o ์ ํx) / ์ด๋ฒคํธ ์์(delegation) - target๊ณผ currentTarget-์ํ๋ ๊ฒ ๋ฐ๋ก), canvas API
ํด์ง์ฐ : ํ๋ก์นด๋ ํ์ด์ง(ํจ์๋ฅผ exportํ์ฌ type=โmoduleโ๋ก ๋ถ๋ฌ์ด, showTaro, ShuffleIndexํจ์ ์์ฑ : random array, indexOf ์ฌ์ฉ) โ()=>โ๋ฅผ ์ฌ์ฉํ๋ฉด ํจ์๋ฐํ๊ฐ์ผ๋ก undefined๊ฐ ๋ค์ด๊ฐ๋ ๊ฒ์ ๋ง์ ์ ์์.
์ฃผ์ : Number in Array ํ๋ฉด index ์ซ์๋ก ํฌํจ๋์ด Array.includes(Number)๋ก ํด์ผ ํจ. object๋ฅผ localStorage์ ์ ์ฅํ๊ณ ํ์ฉํ ๋ JSON.stringify, JSON.parse ์ฌ์ฉ. ํจ์ ๋ด์์ let์ผ๋ก ์ง์ ํ๋ฉด ํจ์ ๋ด์์๋ง ์๋. ํจ์ ์์์ let ์์ด ์ ์ํ๋ฉด ๋จ.
๋๋๋๋๋๋๋ฅ : ๊ทธ๋ผ๋ฐ์ด์ ์ฌ์ฉ (https://webgradients.com/) ํ์ฌ ๋ฐฐ๊ฒฝ ์ค์ . ๊ต์ก ๊ด๋ จ ๋ฌธ๊ตฌ ์ถ๊ฐ
ํ๋์ค : ์ฐ๋/์์ผ ์ถ๊ฐ- month+1 sunday:0, ์ด๋ฆ๊ณผ ๋ก๊ทธ์ธ ๋ฒํผ ๊ทธ๋ฆผ์, ์ ํ ๋ง๋ณ๋ก ๋๋ค ๋ฐฐ๊ฒฝํ๋ฉด ๋ณ๊ฒฝ-unsplash์ด์ฉํ์ฌ body์ class๋ณ๊ฒฝ, ๋ก๊ทธ์์ ๊ธฐ๋ฅ ์ถ๊ฐ-localStorage.remove, ํจ์ ๋ฐ๋ก dom.js($, $$)
์ฃ ์ด : ๋๋ค์ ๋ณ๊ฒฝํ ์ ์๋๋ก ์์ด์ฝ ์ถ๊ฐ(localStorage.remove) - ๋๋ค์ ๋ณ๊ฒฝํ๋ฉด์์ ์์ด์ฝ ์จ๊น. ๋ฐฐ๊ฒฝํ๋ฉด unsplash์ด์ฉํ์ฌ ๋๋ค ๋ณ๊ฒฝํ๋๋ก ํจ.
๊ธฐ๋ฌด1 : ์ฌ์ ์ ์ โ๋ ์ค์ จ๊ตฐ์!โ, ์๊ฐ ๋ง์ถ๊ธฐ ๊ฒ์ (setTimeout ํ์ฉ), clearTimeout ์ด์ฉํ์ฌ ๋ฉ์ถค ๊ธฐ๋ฅ. Elements.remove ๊ธฐ๋ฅ ํ์ฉ. Global Attribute : removeAttribute์ setAttribute ๋ก ์์ฑ ์ถ๊ฐ ์ญ์ . setAttribute(โhiddenโ, โโ) ์ธ์ 2๊ฐ ํ์. value๊ฐ์ โโ๋ก ๋ณด๋.