ๅๅฟ่ ใงใไฝใใในใฏใญใผใซใคใณใฟใฉใฏใทใงใณใ็ฌฌ1ๅ JavaScript
็นๅฎใฎใตใคใใๆจกๅฃใใใ ใใฎ่ฌ็พฉใงใฏใชใใ็ฅ่ญๅ ฑๆ่ ใๅ ฑๆใใในใฏใญใผใซ ใคใณใฟใฉใฏใทใงใณใฎใใฆใใฆใใๅบๆฌ็ใช่ฆ็ด ใใใฃใใๅญฆใใ ไธใงใๅฝๅ ไผๆฅญใงๅบใไฝฟ็จใใใฆใใ UI ในใฏใญใผใซ ใคใณใฟใฉใฏใทใงใณใฎใใพใใพใชใใฏใใใฏใใขใผใทใงใณใชใฉใๅญฆใณใไฝๆใใพใใ
ๅ่ฌ็ 816ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้
- ๆช่งฃๆฑบ
๋ค์๊ฐ์ ์ธ์ ๋์ค๋์ ๋ค์๊ฐ์๋ ์ธํฐ๋ ํฐ๋ธํ ์ ์ฒด์ ์ธ ์น์ฌ์ดํธ์์ผ๋ฉด ์ข๊ฒ ๋ค์
HTML/CSSjavascriptjquery์ธํฐ๋ํฐ๋ธ-์นkbba785883
ใป
0
190
1
- ๆช่งฃๆฑบ
๋ฐ์ํ์ ๋ํด ์ง๋ฌธ์ด ์์ต๋๋ค !
์๋ ํ์ธ์ ๊นก์ฝ๋ฉ๋, ๋ค๋ฆ์ด ์๋๋ผ ๋ชจ๋ฐ์ผ ๋ฟ๋ง์๋๋ผ pc๋ ๋ฐ์ํ์ด ํ์ํ ํ ๋ฐ ๋งฅ๋ถํ๋ก๊ฐ์ ๊ฒฝ์ฐ๋ ํด์๋๊ฐ ํฌ๋๋ผ๊ตฌ์ ..์ด๋ด๊ฒฝ์ฐ ์ฒ์๋ถํฐ ํฌ๊ฒ ์์ ํ๊ณ ๋ฏธ๋์ด ์ฟผ๋ฆฌ๋ก ์ ์ ์๊ฒ ์งํํด์ผํ๋๊ฑธ๊น์???1920๊น์ง
HTML/CSSjavascriptjquery์ธํฐ๋ํฐ๋ธ-์นhnsempty4208
ใป
0
353
1
- ๆช่งฃๆฑบ
๋ ์ง ์นด์ดํธ๋ฅผ ํ์ฉํ์ฌ ์๊ฐ์ผ๋ก ์ ์ฉํด๋ณผ ์ ์๋์?
์๋ ํ์ธ์ ์ ์๋,๊ฐ์ ๋ฐฉ์์ผ๋ก ๋ ์ง ๋์ ์ค๋ ์๊ฐ๊น์ง "์๊ฐ"์ด ๋กค๋ง๋๋ฉฐ ์นด์ดํ ๋๋ ํจ๊ณผ๋ก ์ ์ฉํด๋ณผ ์ ์์๊น์??
HTML/CSSjavascriptjquery์ธํฐ๋ํฐ๋ธ-์นamywine07017463
ใป
0
362
1
- ๆช่งฃๆฑบ
ํจ์๊ฐ ์ ์๋๊ธฐ ์ ์ ํจ์ ํธ์ถ
2-1[์ฝ๋์ค๋ช ]๊ธฐ์ด๋ค์ง๊ธฐ! ๊ฐ์์์ ์ง๋ฌธ1. ์ฝ๋์์ renderํจ์๊ฐ ์ ์๋๊ธฐ ์ ์ getPercentํจ์์์ render๋ฅผ ํธ์ถ(์คํ)ํ๋๊ฒ ์ดํด๊ฐ ์๋์.. ใ _ใ ํจ์๊ฐ ๊ฐ๋ ๋๊ธฐ ๋๋ฌธ์ ๊ฐ์ ์ ๋ฌ
HTML/CSSjavascriptjquery์ธํฐ๋ํฐ๋ธ-์นseokjinyun4813
ใป
0
329
1
- ๆช่งฃๆฑบ
์น์ 12 ๋ณด๋์ค ์ฑํฐ์ ๊ดํ ์ง๋ฌธ์ ๋๋ค!
์น์ 12์์ ํ ์คํธ๊ฐ ๋ํ๋๊ณ ์ฌ๋ผ์ง๋ ์ธํฐ๋ ์ ์์ ์ฒ์ ํ ์คํธ๋ฅผ ์คํฌ๋กค ํ์ง ์๊ณ ์ฒ์ ํ ์คํธ๋ง ๋ณด์ด๋ค๊ฐ ์คํฌ๋กค์ด ์์๋๊ณ ๋์ ์ฌ๋ผ์ง๊ณ ๋ค์ํ ์คํธ๊ฐ ๋ณด์ด๊ฒ ํ๋ ค๋ฉด ์ด๋ป๊ฒ ์ฝ๋๋ฅผ ์์ฑํด์ผํ ๊น์?
HTML/CSSjavascriptjquery์ธํฐ๋ํฐ๋ธ-์นdlstjr7021611
ใป
0
456
1
- ๆช่งฃๆฑบ
5-3-1 ๊ฐ์ข ์น์ ์ง๋ฌธ ํฉ๋๋ค.
์๋ ํ์ธ์, ์์ ์ค๋ช ๊ฐ์ข๊น์ง๋ ๋ช๋ฒ์ด๊ณ ๋๋ ค๋ด๋, ๋ธ๋ฌ์ฐ์ ์คํฌ๋กค ๊ด์ ์์๋, ์ ๋๋ฉ์ด์ ๋๋ ์์ ๊ด์ ์์๋ ๋น์ต ๋ช ํํ๊ฒ ์ดํด๊ฐ ๋์ง ์์์์,๋ธ๋ผ์ฐ์ ์คํฌ๋กค ์ ๋๋ฉ์ด์ ๊ด๋ จํด์ ์ด ๊ฐ์ข๋งํผ ์์ธํ ๋ด์ฉ์ ๊ฒ์ด ์์ด์, ๊ผญ ์ดํดํ๊ณ ์ถ์ด ์ด๋ ๊ฒ
HTML/CSSjavascriptjquery์ธํฐ๋ํฐ๋ธ-์นhere2letters6603
ใป
0
298
1
- ่งฃๆฑบ
์ฃ์กํฉ๋๋ค๋ง ํด๋น ํ๋ก์ ํธ๋ฅผ ๋ฆฌ์ํธ๋ก ์์ ํด์ ๋ง๋ค์ด๋ณด๊ณ ์๋์ค์ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์ฝ๋๋ก๋ณด์๋ฉด ๊ฐ๋จํฉ๋๋ค.์ ๋งํ๊ฑด ๋ค๋์๊ฐ๊ธฐ ๋๋ฌธ์ ํด์ํ ํ์๋ ์์ผ์ค๊ฒ๋๋ค.ํ ์ผ์๋backgroundImage ๋ฅผ ๋จ์ถ์ด๋ก์ค์ ํ์ฌ bg-sky2 ๋ฅผ์ฌ์ฉํ๋ฉด ์ฌ
HTML/CSSjavascriptjquery์ธํฐ๋ํฐ๋ธ-์นreactrje2875734264
ใป
1
454
3
- ๆช่งฃๆฑบ
ํ๋ฉด ๋์ด ๊ด๋ จ ์ง๋ฌธ ์์ต๋๋ค.
์น์ 1๋์ด - ํ๋ฉด ๋์ด = 2539px ์ด๋ผ๊ณ ํ์ จ๋๋ฐ์!์น์ 1๋์ด๋ ์๊ฒ ๋๋ฐ...ํ๋ฉด๋์ด๋ ๋ธ๋ผ์ฐ์ ์ ์ค์ง์ ์ผ๋ก ์ฝํ ์ธ ๊ฐ ๋ณด์ด๋ ๊ณณ์ ๋ง์ํ์๋๊ฑธ๊น์...? <img src="https://cdn.in
HTML/CSSjavascriptjquery์ธํฐ๋ํฐ๋ธ-์นbestdeveloper
ใป
1
424
1
- ๆช่งฃๆฑบ
์ ์๋
์๋ ค์ฃผ์ ์์ ์์ ๋ก ์น์ฌ์ดํธ ๋ง๋ค์ด๋ ๋๋๊ฑด๊ฐ์?
HTML/CSSjavascriptjquery์ธํฐ๋ํฐ๋ธ-์นyobab07121584
ใป
0
366
1
- ๆช่งฃๆฑบ
5-2 vanilla.html ์ง๋ฌธํฉ๋๋ค.
์๋ ํ์ธ์. ์ ๋ง ๊ธฐ์ด์ ์ด๋ผ๊ณ ์๊ฐ ํ์ค ์ ์๋๋ฐ ์ ๋ง ๋ชจ๋ฅด๊ฒ ์ด์ ใ ใ ..scrollMove ๋ผ๋ ํจ์ ๋งค๊ฒ๋ณ์์ moveY๊ฐ ์๋๋ฐ์.moveY๊ฐ ์์ง์ด๋ y๊ฐ์ด๋ผ๊ณ ํ์ จ์์์๊ทธ๊ฑธ ๋ณ์๋ก ์ด๋์๋ค๊ฐ ์ง์ ํด๋์ง ์์๋๋ฐ mo
jqueryjavascriptHTML/CSS์ธํฐ๋ํฐ๋ธ-์นalskdjhf5144
ใป
0
413
1
- ๆช่งฃๆฑบ
5-3-2 ์ง๋ฌธ์ ๋๋ค.
var parallaxSpeed = 1200;์ ๊ฐ์ด ์คํผ๋๋ฅผ 1200์ผ๋ก ์ค์ ํ๋๊ฑด ๋ฐ๋ก ์ด์ ๊ฐ ์์๊น์??
HTML/CSSjqueryjavascript์ธํฐ๋ํฐ๋ธ-์นjongkmin19915422
ใป
1
286
1
- ๆช่งฃๆฑบ
5-2 ์ถ๊ฐ ์ง๋ฌธ์ด์
์๋์ ์ง๋ฌธ์์ ์ถ๊ฐ์ ๋๋ค!๊ทธ๋ฆฌ๊ณ if(!sectionIsMoving) //sectionIsMoving์ด false์ผ๋ ์คํ์ด ๋๋ค๊ณ ํจ๊ทธ๋ฐ๋ฐ ์๋์์ secitonIsMoving์ ๋ค์ true๋ก ๋ฐ๊ฟ์ฃผ๋๋ฐ๋ ๋ฌด์จ ์๋ฏธ์ธ๊ฐ์.... ๋ณ
์ธํฐ๋ํฐ๋ธ-์นHTML/CSSjavascriptjqueryjongkmin19915422
ใป
0
331
2
- ๆช่งฃๆฑบ
5-2 ! ์ง๋ฌธ์ด์.
8:11์์ var sectionIsMoving์ false๋ก ์ ์ธ์ ํด์ฃผ๊ณ ์๋ movesection์์ if์ ์จ์ค๋!๋ฅผ ๋ฃ์ด์ค๊ฒ ํท๊ฐ๋ฆฝ๋๋ค. sectionIsMoving์ false๋ก ์ ์ธ์ด ๋๊ฑด๋ฐ๊ฑฐ๊ธฐ๋ค !sectionIsMo
HTML/CSSjquery์ธํฐ๋ํฐ๋ธ-์นjavascriptjongkmin19915422
ใป
0
261
1
- ๆช่งฃๆฑบ
์๋ ํ์ธ์!
์๋ ํ์ธ์!์์ ์ค์ ์คํฌ๋กค์ ์ด๋ฒคํธํ ๋ pc๋ ๊ด์ฐฎ์๋ฐmo์์ ์คํฌ๋กค์ ๋ฐฐ๊ฒฝ๊ณผ ์์ div ๋ฑ์ด ๊ฐ์ด ์ํ๋ก ํ๋ค๋ฆฝ๋๋ค.<meta name="viewport" content="width=device-width, initial-scal
javascriptjqueryHTML/CSS์ธํฐ๋ํฐ๋ธ-์นdhwjdwjd0303757
ใป
0
267
1
- ๆช่งฃๆฑบ
์ง๋ฌธ๋๋ฆฝ๋๋ค.
์๋์ ์ด๋ฏธ์ง์ฒ๋ผ render function ์์ ํ๋ก๊ทธ๋ ์ค ๋ฐ๋ width : scrollPercent ๋ค์์ '%'๋ฅผ ์ถ๊ฐํ๋๊ฑด ์ดํด๊ฐ ๊ฐ๋๋ฐtext.text(textPercetn + ๋ค์์ผ๋ก ๋ค์ด์ค๋ '%'๋ ์ ๋ค์ด๊ฐ์ผํ๋์??
jqueryHTML/CSS์ธํฐ๋ํฐ๋ธ-์นjavascriptjongkmin19915422
ใป
1
355
2
- ๆช่งฃๆฑบ
์ง๋ฌธ๋๋ฆฝ๋๋ค.
์์ ํ์ผ์ ๋ฐ์์ index.html๋ก ์ ๊ฐ ์ง์ ์ฝ๋ฉ์ ์ง๋ณด๋ ค๊ณ ํ๋๋ฐ ์ฒ์ ๋ถ๋ถ consoleํ์ธ ํ์๋ง์์ด๋ฐ ๊ฒฝ๊ณ ๊ฐ ๋จ๋๋ฐ ์ด๊ฒ ์๋๋ฌธ์ธ๊ฐ์.์ปดํ๋ฆฟhtml์ ๊ฐ๋ฐ์๋ก ์ด๋ฉด ์ด๋ ๊ฒ ๋จ์ง ์๋๋ฐ....๋ญ๊ฐ ๋ฌธ์ ์ผ๊น์<
์ธํฐ๋ํฐ๋ธ-์นjqueryHTML/CSSjavascriptjongkmin19915422
ใป
0
1,640
3
- ๆช่งฃๆฑบ
์์ 6๊ฐ ์นด์ดํธ๊ด๋ จ ๋ฌธ์๋๋ฆฝ๋๋ค!
์๋ ํ์ธ์! ๋ช ํํ ์ค๋ช ์ผ๋ก ๊ฐ์ํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.6๊ฐ ์ค๋๋ ์ง ์นด์ดํธ์ธ๋ฐ ์๋ฅผ๋ค์ด 2023 04 23 ์ด๋ ๊ฒ ์๋ ์ง๋ฅผ์ ๊ฐ ์ง์ ํ๋ ๋ฐฉ๋ฒ์ด ์์๊น์?
jquery์ธํฐ๋ํฐ๋ธ-์นHTML/CSSjavascriptdhwjdwjd0303757
ใป
0
227
1
- ๆช่งฃๆฑบ
์น์ 5 ๊ด๋ จ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์น์ 5์์ ์ํ์ด์ง์ฒ๋ผ ํ๋จ๊ณ์ฉ ๋๊ฒจ๋ณด๊ณ ์ถ์ด์ด๊ฒ์ ๊ฒ ๋ง์ ธ๋ณด๊ณ ์์ต๋๋ค๋ง ๊ฐ์์์ค์์ ์ด๋ค์์ผ๋ก ๋ ์คํฌ๋ฆฝํธ ์์ฑ์์งํํด์ผํ ์ง ๊ฐ์ด ์กํ์ง ์์ ๋ฌธ์๋๋ฆฝ๋๋ค.</
javascriptjqueryHTML/CSS์ธํฐ๋ํฐ๋ธ-์นไฝๆ่ ใชใ
ใป
0
251
1
- ๆช่งฃๆฑบ
setProperty ๋ฅผ ์ฌํ์ฉ ํ๊ณ ์ถ์ต๋๋ค.
์ธํฐ๋ ์ ์ด ๋์ํ๋ ๋ฒ์๋ฅผ section์ผ๋ก ๊ตฌ๋ถํ๋ค๊ณ ํ์์ ๋์น์ ๋ณ๋ก ์ธํฐ๋ ์ render ๋ค์ ๋ณ๋๋ก ๋ง๋ค๊ณ ํด๋น ์น์ ์ด ๋๋ฌํ๋ฉด ์๋ ๋๋๋กํ๊ณ ์ถ์๋ฐ์,๊ทธ๋ฌ๋ ค๋ฉด setProperty ์ ๊ณตํต์ผ๋ก ๊ฐ์ ธ๊ฐ๋๊ฒ ์ข์ ๊ฒ ๊ฐ์๋ฐ<p
์ธํฐ๋ํฐ๋ธ-์นjavascriptHTML/CSSjqueryyounsang5339
ใป
0
204
1
- ๆช่งฃๆฑบ
IntersectionObserver
์๋ ํ์ธ์ ์ ์๋~ ๊ฐ์ 7๊ฐ์ฒ๋ผ ๊ณ ์ ๋ ์ปจํ ์ธ ๋ก ํฌํธํด๋ฆฌ์ค๋ฅผ ๋ง๋ค๋ ค๊ณ ํ๊ณ ์์ต๋๋ค.๋ค๋ง IntersectionObserver ๋ด์ฅํจ์๋ฅผ ์ด์ฉํ์ฌ ๋ฐฑ๋ถ์จ์ ์ข ๋ ์ฝ๊ฒ ๊ตฌํ๋ ๋ฐฉ๋ฒ์ด ์์๊น์? ๋ช์ผ์งธ ๊ณต๋ถ์ค์ธ๋ฐ, ์ ๋ชจ๋ฅด๊ฒ ์ด์ ์ง๋ฌธ๋๋ฆฝ๋๋ค ใ
jquery์ธํฐ๋ํฐ๋ธ-์นHTML/CSSjavascriptmingmi274111
ใป
0
252
1

