์ธํฐ๋ํฐ๋ธ ๊ฐ๋ฐ ์ค๋ฌด ๋์ฅ๋ด๊ธฐ [์ญ๋ ๊ฐํํธ]
์ค๋ฌด์์ ์ฌ์ฉํ๋ ์ธํฐ๋ํฐ๋ธ JS, CSS ๋ ธํ์ฐ๋ฅผ ์๋์์ด ๊ณต๊ฐํฉ๋๋ค.
์๊ฐ์ 1,187๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ
- ๋ฏธํด๊ฒฐ
๋ชจ๋ฐ์ผ ์ค์์ดํ ๊ตฌํ ๋ง์ง๋ง ์์
ํน์ ๋ชจ๋ฐ์ผ cdํ๋ ์ด์ด ๊ด๋ จํด์ function touchFunc(e) { let type = null; let touch = null; switch (e.type) { case
javascript์ธํฐ๋ํฐ๋ธ-์นwnwlghdqkqh
ใป
0
392
2
- ๋ฏธํด๊ฒฐ
๋ ํผ๋ฐ์ค ์ฌ์ดํธ
์๋ ํ์ธ์. ๋ถ๋ถ๋ถ๋ถ ๋ฃ๋ค๋ณด๋, ํน์ ๋ง์ํ์ จ์ ์๋ ์๊ฒ ๋๋ฐ.. ์ง๋ฌธ ๋จ๊น๋๋ค. ๋ณด์ฌ์ฃผ์ ๋ ํผ๋ฐ์ค ์ฌ์ดํธ๋ค์ด ์ทจํฉ๋ ๊ณณ์ด๋ ๋งํฌ๋ฅผ ๊ณต์ ํด์ฃผ์ค ์ ์์๊น์? ์ฌ๋ฐ๋ ๊ฐ์ ๊ฐ์ฌํฉ๋๋ค.
javascript์ธํฐ๋ํฐ๋ธ-์นhoroyoi o
ใป
0
327
1
- ๋ฏธํด๊ฒฐ
์คํฌ๋กค์์น์ ๋ฐ๋ฅธ ํ์ด์ง ๋ณํ์์
์ scroll2๋ฅผ ๋ฃ์ผ์ ๊ฑด๊ฐ์?
javascript์ธํฐ๋ํฐ๋ธ-์น์ ๋ฏผ์
ใป
0
262
1
- ๋ฏธํด๊ฒฐ
๋ฐฐ์ด์ ์ด์ฉํ bg์ปฌ๋ฌ ๋ณ๊ฒฝ ๊ฐ์์์ tagname body์ [0]์ด ์ ๋ถ๋์?
๋ฐฐ์ด์ ์ด์ฉํ bg์ปฌ๋ฌ ๋ณ๊ฒฝ ๊ฐ์์์ tagname body์ [0]์ด ์ ๋ถ๋์? body.style์ด๋ ๊ฒ๋ง ์์ฑํด๋ ๋์ง ์๋์?
javascript์ธํฐ๋ํฐ๋ธ-์น์ ๋ฏผ์
ใป
0
372
1
- ๋ฏธํด๊ฒฐ
์คํฌ๋กค ์์น์ ๋ฐ๋ฅธ ํ์ด์ง ๋ณํ - scroll ์ด๋ฒคํธ ์ ๋ํ ์ง๋ฌธ
์๋ ํ์ธ์๊ฐ์ฌ๋์ดํด๊ฐ ๋์ง ์์์ ์ง๋ฌธ๋๋ฆฝ๋๋ค.์ ๋ ์กฐ๊ฑด์ ํ๊ธ๋ก ์๊ฐํด์ ์ ๋ ๊ฒ ์ฃผ์์ผ๋ก ์ ๋ฆฌ๋ฅผ ํด๋จ์ต๋๋ค.if๋ฌธ์ ์กฐ๊ฑด์ ๋ดค์๋ ์กฐ๊ฑด์ด ๋ง์์ console.log์ scroll ๋ผ๋ ๋ณ์๋ ์ ์์
javascript์ธํฐ๋ํฐ๋ธ-์น์ฐ์นํ๋ง๋ค๋ผ
ใป
0
666
1
- ๋ฏธํด๊ฒฐ
ํ์ด์ง.ํ์ด์ง๊ณ ์ 2 ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์๋ ํ์ธ์ ์ ์๋๊ฐ์ ๋ฆฌ์์ค์๋ li๊ฐ html์ ์์ฑ๋์ด์์ง๋ง์ ๋ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ด์ฉํ์ฌ section ๊ฐฏ์์ ๋ง์ถฐ์ li๋๊ทธ ๊ฐฏ์์ ๋ง์ถฐ์ ์์ฑํด์ฃผ๊ณ ์ถ์ด์ ๋ฐ๋ณต๋ฌธ ์ฝ๋๋ฅผ ์ง๋ดค์ต๋๋ค.ex) secti
javascript์ธํฐ๋ํฐ๋ธ-์น์ฐ์นํ๋ง๋ค๋ผ
ใป
0
450
1
- ๋ฏธํด๊ฒฐ
scrollTo ์์ฑ๋ณธ
scrollTo - ํ์ด์ง ์คํฌ๋กค ๋ถ๋ถ์์ฑ๋ณธ ์์ฒด๊ฐ ์๋์ด ์๋๋ค์ํฌ๋กฌ๋ธ๋ผ์ฐ์ ์์ ์ํ ์ด๋ ์์ฒด๊ฐ ์๋๋ค์ ..
์ธํฐ๋ํฐ๋ธ-์น์ธํฐ๋ํฐ๋ธ-์นjavascript๋นํ๋ฏผ๊ฑธ
ใป
0
589
2
- ๋ฏธํด๊ฒฐ
๋ชจ๋ฐ์ผ 3D ์ ์ฒด ์นด๋ ์ ์ ์์ดํฐ์์ ์๋ฌ
์๋ ํ์ธ์.๋ชจ๋ฐ์ผ 3D ์ ์ฒด ์นด๋ ์ ์ ๊ฐ์ ์ต์ข ์์ฑ๋ณธ ํ์ผ์ ์์ดํฐ์์๋ฒํผ์ ํด๋ฆญํ๊ณ ํ์ธํ์ ๋ ์๋์ ์ด๋ฏธ์ง์ฒ๋ผ ์๋ฌ๊ฐ ๋ฐ์์ํด์ ์์ดํฐ์์๋ํด๋น ํ๋ฉด์ ํ์ธํ ์๊ฐ ์์ต๋๋ค. ์๋ฒ์ ์ฌ๋ ค์๋ ํ์ธ ํด๋ดค๋๋ฐ ๋์ผํฉ๋๋ค.
javascript์ธํฐ๋ํฐ๋ธ-์น์ธํฐ๋ํฐ๋ธ-์น์์ฑ์ ์์
ใป
0
381
1
- ๋ฏธํด๊ฒฐ
css ์ง๋ฌธ ๋๋ฆฝ๋๋ค
.bottom ํด๋์ค ์คํ์ผ์background: url(../image/bottom.png) center bottom/100% no-repeat;๋ก ๋์ด์๋๋ฐ c
์ธํฐ๋ํฐ๋ธ-์น์ธํฐ๋ํฐ๋ธ-์นjavascript์ง๋ฃจํ ์ค์๋ฆฌ
ใป
0
619
1
- ๋ฏธํด๊ฒฐ
css ์ง๋ฌธ
<div class="disk_in
์ธํฐ๋ํฐ๋ธ-์นjavascriptleekj951008
ใป
0
279
1
- ๋ฏธํด๊ฒฐ
pointBtn.addEventListner("click")
์ ์๋.. pointBtn์ ๊ฐ์ ธ์ค๋ ๋ฐฉ๋ฒ ๋ค๋ฅธ ์์๋ ์๋ ค์ฃผ์ค ์ ์์๊น์..? ๊ทธ๋ฆฌ๊ณ ์ ๋ถ๋ถ์ ํจ์๋ก ์๋ง๋ ์ด์ ๊ฐ ๋ฐ๋ก ์์๊น์? ใ ใ pointBtn์๋ addEventListner ํจ์๊ฐ ์ธ์์ด ์๋๋ ๊ฒ ๊ฐ์๋ฐ ๋ง๋์??๊ทธ๋ฆฌ๊ณ i์ ์ธ๋ฑ์ค
์ธํฐ๋ํฐ๋ธ-์นjavascriptleekj951008
ใป
0
297
2
- ๋ฏธํด๊ฒฐ
if๋ฌธ์ ์ฒซ๋ฒ์งธ ์กฐ๊ฑด ์ง๋ฌธ ์์ต๋๋ค~
๊ฐ์ฌ๋ ์์ฑํด์ฃผ์ if๋ฌธ์ ์ฒซ๋ฒ์งธ ์กฐ๊ฑด์ธ ์น์ ์ ์์๋์ด - ์๋์ฐ ์ฐฝ ๋์ด์ 1/3์ด ์์ด๋ ์๋์ด ์ ๋๋๋ฐ ๋ฃ์ด์ฃผ์ ์ด์ ๊ฐ ํน์ ๋ฐ๋ก ์์๊น์?? for (let i = 0; i < totalP
javascript์ธํฐ๋ํฐ๋ธ-์นleekj951008
ใป
0
280
1
- ๋ฏธํด๊ฒฐ
offsetTop, offsetHeight
์๋ ํ์ธ์ ๊ฐ์ฌ๋.. ๊ฐ์ฌ๋ ์์ ์ด์ฌํ ๋ฃ๊ณ ์๋๋ฐ์~~ ์ง๋ฌธ์ด ์์ต๋๋ค!if(scroll > section[i].offsetTop - window.innerHeight/3 )Y์ถ ์คํฌ๋กค๊ฐ์ด ์น์ i๋ฒ์งธ์ ์ธ๋ก ๋์ด -
์ธํฐ๋ํฐ๋ธ-์นjavascriptleekj951008
ใป
0
773
2
- ๋ฏธํด๊ฒฐ
๊ธฐ์กด์ ์ถ ํ์ ๊ฐ์ ๋ํด์ rotate
์๋ ํ์ธ์~ ํน์ ๊ธฐ์กด์ ํ์ ๊ฐ์์ ์ด๊ธฐํ ์ํค์ง ์๊ณ ํ๋ฐฉํฅ์ผ๋ก๋ง ํ์ ์์ผ์ฃผ๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผํ๋์..?
์ธํฐ๋ํฐ๋ธ-์นjavascriptleekj951008
ใป
0
314
1
- ๋ฏธํด๊ฒฐ
๋ชจ๋ฐ์ผ ๋๋๊ทธ ๊ฐ์ ์ง๋ฌธ๋๋ฆฝ๋๋ค!
ํน์ ์ด๊ฑธ ํผ์จ์์๋ ๋๋๊ทธ๊ฐ ๊ฐ๋ฅํ๊ฒ๋ ํ ์ ์์๊น์??ํน์ ๋ชจ๋ฐ์ผ ์ฒดํฌ ์กฐ๊ฑด์ ํผ์จ๋ ๋ฃ์ ์ ์์๊น์??
์ธํฐ๋ํฐ๋ธ-์นjavascript๊ดํ
ใป
0
253
1
- ๋ฏธํด๊ฒฐ
์ง๋ฌธ์ ๋๋ค.
๋ฒํผ์ for๋ฌธ์ ์ฌ์ฉํ์ฌ index๊ฐ์ ๋์ถํ ๋ถ๋ถ์์ ์ง๋ฌธ์ด ์์ต๋๋ค. for๋ฌธ์์ ํจ์๋ฅผ ์์ฑํ์ฌ i์ ๊ฐ์ idx๋ผ๋ ๋งค๊ฐ๋ณ์์ ๋ฃ์ด ์์ ์ ํ์ จ๋๋ฐ์, i์ ๊ฐ์ ๊ทธ๋๋ก ์ฌ์ฉํ์ง ์๊ณ ๋ณ์์ ๋ด์ ์์ ํ์ ์ด์ ๊ฐ ์์๊น์? ์ค๋ฌด
์ธํฐ๋ํฐ๋ธ-์นjavascript์ผ๋ก๋ก๋กฑ์์
ใป
0
211
1
- ๋ฏธํด๊ฒฐ
GSAP(ํธ์๋งฅ์ค) ๋ผ์ด์ผ์ค ๊ด๋ จ ์ง๋ฌธ ๋๋ฆฝ๋๋ค.
ํ์ฌ ๊ฐ์์์ ์ฌ์ฉ์ค์ธ ํธ์๋งฅ์ค CDN์ ๋ฌด๋ฃ ๋ฒ์ ์ด๋ผ๊ณ ํ์ จ๋๋ฐ,๊ทธ๋ผ ์น ์์ด์ ์ ์ค๋ฌด์์ ํด๋น ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ผ์ด์ผ์ค ๊ตฌ๋งค์์ด ํ๋ก์ ํธ์ ์ฌ์ฉํด๋ ๋ฌธ์ ์์๊น์?๋ํ GSAP์ต์ ๋ฒ์ ์ ์ฌ์ฉํด๋ ์ ์๊ถ ๋ฌธ์ ์์๊น์?GSAP ๋ผ์ด
์ธํฐ๋ํฐ๋ธ-์นjavascript์์ฑ์ ์์
ใป
0
1,648
1
- ๋ฏธํด๊ฒฐ
wrap ์์ click ์ด๋ฒคํธ
์๋ ํ์ธ์, ํ์ฌ ์จ๋ฒ์ ํด๋ฆญํ๋ฉด ์ ํ๋ธ ํ์ด์ง๋ก ๋์ด๊ฐ๊ฒ ๋์ด์์ง๋ง ์ ๋ ํด๋ฆญํ์ ๋ ์์์ ์ฌ์ํ๊ณ ์ถ์ต๋๋ค.๊ทธ๋์ click์ด๋ฒคํธ๋ฅผ ์ฌ์ฉํ์ฌ ์ด๋ฒคํธ๋ฅผ ์คํํ๋ ค ํ์ง๋ง, ์ ์ฒด wrap์ touch์ด๋ฒคํธ๊ฐ ๊ฑธ๋ ค์ ์ธ์ง ์์ ์จ๋ฒ์ ํด๋ฆญํ์๋ ์ ํ ๋ฐ
javascript์ธํฐ๋ํฐ๋ธ-์น์ผ๋ก๋ก๋กฑ์์
ใป
0
217
1
- ๋ฏธํด๊ฒฐ
greensock์ ์ฌ์ฉํ๋ ค๋ฉด
greenMax ํ๋ก๊ทธ์ธ์ ์ฌ์ฉํ ๋ ์ ๋ฃ์ธ๊ฐ์?์ด๋ป๊ฒ ์ฌ์ฉํ๋์?
javascript์ธํฐ๋ํฐ๋ธ-์นLeeGunWoo
ใป
0
697
1
- ๋ฏธํด๊ฒฐ
TweenMax ํจ๊ณผ ๋ฆฌ์
์ข์ ๊ฐ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ํน์ ํด๋น ๊ฐ์ฒด๊ฐ ๋ค์ ํ๋ฉด์ ๋ณด์์ ๋ tweenmax ํจ๊ณผ๋ฅผ ๋ค์ ์ ์ฉํ๊ฒ ํ ์ ์๋์? ์๋ฅผ ๋ค์๋ฉด, ํ๋ฉด ์ฒซ ๋ก๋ฉ์ ๊ธ์จ์ ์ ์ฉ๋ tweenmaxํจ๊ณผ๋ฅผ, ์ฌ์ฉ์๊ฐ ํ
javascript์ธํฐ๋ํฐ๋ธ-์นalvinlog
ใป
0
518
1






