javascript
-
[JavaScript/VanillaJS] ๋ง์ฐ์ค ํ ์ด๋ฒคํธ (a.k.a window.onmousewheel)javascript 2019. 4. 9. 15:56
ํฌ์คํ ์ ์์ ๋งํฌ ํ๋๋ฅผ ์ ๊ณ ์์ํ๊ฒ ์ต๋๋ค. https://sellery.me Sellery sellery.me ์ง์ฅ์ธ์ด ์์๋๋ฉด ์ข์ ๋ฒํ ์น ์ฑ์ ๋๋ค. ์ด ์น ์ฑ์ ๋ณด๋ฉฐ ์ ๋ ์กด๋ฒ๋ฅผ ํ๊ณ ์์ต๋๋ค. (์ธ์ ์ฏค ํด์ฌ๋ฅผ.. ์์..!) ๋ณด๋ค๋ณด๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ด Vanilla JS๋ก๋ง ํด๋ก ์ฝ๋ฉ์ ํด๋ณด๊ณ ์ถ์ ๋ง์์ด ๋ค์์ต๋๋ค. (๋น์ ๊ณต๊ฐ์ชผ๋ ์ ์ ๊ฐ๋ฐ์ํ๋ณ์๋ฆฌ๋ผ์ ์ฑ์ฅํด์ผํ๋ค..!) ํด๋ก ์ฝ๋ฉ์ ์์ํด๋ณด์ ๋ง์๋จน๊ณ ์ค์ฒ์ ์ฎ๊ธฐ์๋ง์ ๋๊ด์ ๋ถ๋ชํ๋๋ฐ ํ ๋ง์ผ๋ก ํ์ด์ง ์ ํ์ด ๋๊ธธ๋ ์ ๊ธฐํด์ ์ข ๋ฏ์ด๋ดค๋๋ฐ ํ์ด์ง ์ ํ์ด ์๋๋ผ div ์ด๋์ด์์ต๋๋ค. (์ฐจ๋ผ๋ฆฌ ํ์ด์ง ์ ํ์ธ๊ฒ ๋ง์์ ํธํ ๊ฒ ๊ฐ๋คใ ใ ) ํ .. ํด๋ก ์ฝ๋ฉ์ ๋๋ด๊ณ ํฌ์คํ ์ ํ๋๊ฒ ์๋๋ผ! ์ค๊ฐ ์ค๊ฐ ์์ง๋ง์๋ ์๋ฏธ๋ก ์๋ ์ ๊ณ ์๋ฅ์๊ณ ๊ธ๋ฐฉ ํ๊ณ ์ง๋๊ฐ..
-
[JavaScript/ES6] let ํค์๋(var์ ๋น๊ต)javascript 2019. 3. 29. 10:14
@since 2019-03-29 ๋ณธ๋ฌธ์ ์์, ์ฑ ํ ๊ถ์ ์ฝ์ผ๋ฉฐ ์ ๋ฆฌํ๊ณ ์ถ์ ๋ถ๋ถ์ ์ผ๋ถ ๋ฐ์ทํ์ฌ ์ ๋ฆฌํฉ๋๋ค. ์ถ์ฒ๋ฅผ ๋จ๊ธฐ์ง๋ง ํน์ฌ ๋ฌธ์ ๊ฐ ์๋ค๋ฉด ์๋ ค์ฃผ์๊ณ , ํต๋ณด์์ด ์ญ์ ๋๋ ์ฌํ์ง๋ง ๊ตฐ๋ง์์ด ์ธ์ ํ๊ฒ ์ต๋๋ค.(ํ..) ์ถ์ฒ ๋์์์ ๋ฐ์ทํ ๋ถ๋ถ์ ์ ์ ๋ถ๊ป์ ์ฑ ์ ์์ ํ์ ์ดํฌ ๊ทธ๋๋ก ๋ฐ์ทํ๋ฉฐ, ์ ๊ฐ ์์ฑํ ๊ฒ๋ ํฌ์คํ ํ ๋ ์ ๊ฐ ํท๊ฐ๋ฆฌ์ง ์๊ธฐ ์ํด, ํน์ฌ ๋๊ตฐ๊ฐ ์ด ๋ชจ์๋ ๊ธ์ ์ฝ์ ๋ ์ดํฌ๊ฐ ๋ฐ๋์ด ํผ๋์ ์ฃผ์ง์๊ธฐ ์ํด ์ ์ ๋ถ์ ์ดํฌ๋๋ก ์์ฑํ๊ฒ ์ต๋๋ค. ๋ณ์๋ ์ง์ญ(๋ก์ปฌ)๋ณ์์ ์ ์ญ(๊ธ๋ก๋ฒ)๋ณ์๋ก ํฌ๊ฒ ๊ตฌ๋ถ์ ์ง์ต๋๋ค. ๊ทธ ์ด์ ๋ ์ค์ฝํ(scope, ๋ฒ์) ๋๋ฌธ์ ๋๋ค. ์ง์ญ(๋ก์ปฌ)๋ณ์ : ํจ์ ๋๋ ์ค๋ธ์ ํธ๋ฅผ ์ค์ฝํ๋ก ์ฌ์ฉํ๋ ค๋ ์๋์ด๋ฉฐ, ์ ์ญ(๊ธ๋ก๋ฒ)๋ณ์ : ํ๋ก๊ทธ๋จ ์ ์ฒด์์ ๊ณต์ฉ์ผ๋ก ์ฌ์ฉํ..