Webใฒใผใ ใไฝใฃใฆๅญฆใถใคใณใฟใฉใฏใใฃใWeb๏ผ JAVASCRIPT
Webใฒใผใ ใไฝใฃใฆใใใญใณใใจใณใWeb้็บในใญใซใๅญฆใถ1ๅธญ3็ตๆๆฅญ๏ผ
ๅ่ฌ็ 373ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้
- ๆช่งฃๆฑบ
ํ๋ก์ ํธ ์์ฑ๋ณธ ๋ณด๋ด์ฃผ์ค์ ์๋์?
๋ฐ๋ผํ๋ฉด์ ์ฝ๋์์ฑ ํ๋๊น ์งํ์ด ๋๋์ ๋ถํ๋๋ ค์
HTML/CSSjavascript์ธํฐ๋ํฐ๋ธ-์นwy4wccwybn2671
ใป
4ใถๆๅ
0
41
1
- ๆช่งฃๆฑบ
์บ๋ฆญํฐ ๊ธฐ๋ณธ ๋ชจ์ ๋ง๋ค๊ธฐ์์ ํฌํ ์ต์ ์ด๋ผ๊ณ ํ๋๋ฐ ํฌํ ์ต์์ผ๋ฉด ์ด๋ป๊ฒํ์ฃ ? ๊ณต์ง๋ฒ์ ์๋์?
์บ๋ฆญํฐ ๊ธฐ๋ณธ ๋ชจ์ ๋ง๋ค๊ธฐ์์ ํฌํ ์ต์ ์ด๋ผ๊ณ ํ๋๋ฐ ํฌํ ์ต์์ผ๋ฉด ์ด๋ป๊ฒํ์ฃ ? ๊ณต์ง๋ฒ์ ์๋์?
HTML/CSSjavascript์ธํฐ๋ํฐ๋ธ-์นyoungble
ใป
0
178
1
- ๆช่งฃๆฑบ
renderGame ํจ์์ ๋ก๊ทธ๋ฅผ ์ฐ์ผ๋ฉด ๋ฌดํ๋ฃจํ๊ฐ ๋๋๋ค
<img src="https://cdn.inflearn.com/public/files/posts/5e1efdb0-beaf-4610-966f-55d39e74e568/์คํฌ๋ฆฐ์ท2024-01-10115354.png" alt="์คํฌ๋ฆฐ์ท 2024-01-10 115354.pn
HTML/CSSjavascript์ธํฐ๋ํฐ๋ธ-์นlitzoo
ใป
0
265
1
- ๆช่งฃๆฑบ
์๋ฆฌ๊ฒ์ด ๋ ์๊ฐ์ง ์์ต๋๋ค
const renderGame์์ keyMotion()๊น์ง๋ ์๋์ ํ๋๋ฐ๊ทธ ์ดํ forEach๋ถ๋ถ๋ถํฐ๋ ์๋ํ์ง ์๋๊ฒ๊ฐ์ต๋๋ค, ์์ด๋ด๊น์?์คํ๋ ์๊ณ ์๋ฌด์ด์์์ต๋๋ค!ํน์ window.requestAnimationFrame์ด ๋๋ฌด ๋นจ๋ผ์ bulletComProp f
HTML/CSSjavascript์ธํฐ๋ํฐ๋ธ-์นlitzoo
ใป
0
213
1
- ๆช่งฃๆฑบ
์๋ฆฌ๊ฒ ๋ฐฉ์งํฑ(?) ํ์
์๋ ํ์ธ์ ์ฝ๋ฉ 1๋ฌ์ฐจ ๋ด๋น์ ๋๋ค... ์ ์๋์ ์ง๋์ ๋ฐ๋ผ ์๋ฆฌ๊ฒ ๋ง๋ค๊ณ ํ๋ฉด ๋ฐ์ ๋ฒ์ด๋๋ฉด ์๋ฆฌ๊ฒ์ด ์์ด์ง๋ ํจ๊ณผ๊น์ง ๊ตฌํ์ ํ์์ต๋๋ค๋ง... ํ๋ฉด๋ฐ์์ ์ฌ๋ผ์ง๋ ์คํฌ๋กค๋ฐ๊ฐ ๋ฌ๊ธ์์ด ๋์ ๋ฐฉ์งํฑ์ ๊ฑธ๋ฆฐ ๋ง๋ฅ hero๊ฐ ์ฌ๋ผ๊ฐ๋ค ๋ด๋ ค๊ฐ๋ค ํฉ๋๋ค... <p
HTML/CSSjavascript์ธํฐ๋ํฐ๋ธ-์นdmsgh09304892
ใป
0
477
2
- ๆช่งฃๆฑบ
requestanimationframe ์ฑ๋ฅ๊ด๋ จ ๊ถ๊ธ์ฆ
์๋ ํ์ธ์ ์ข์ ๊ฐ์ ์ ์ฐธ๊ณ ํด์ ์ฌ๋ฐ๊ฒ ๋ง๋ค์ด๋ณด๊ณ ์์ต๋๋ค. ^^requestanimationframe์ ์ฌ์ฉํด์ ์ ๋๋ฉ์ด์ ์ด ๋ถ๋๋ฝ๊ฒ ์ ์ด๋ํฉ๋๋ค๋ง์ ๋๋ฉ์ด์ ์ข ๋ฃ๋ฅผ ๋ฐ๋ก ์ค์ ํด์ฃผ์ง ์์ผ๋ฉด renderGame()์ ๋ฌดํํ ๋ฐ๋ณต๋ ํ ๋ฐ ์ฑ๋ฅ
HTML/CSSjavascript์ธํฐ๋ํฐ๋ธ-์นsuhyeonkr8131
ใป
0
588
1
- ๆช่งฃๆฑบ
frame ์ง๋ฌธํฉ๋๋ค.
์์ฆ ๋ชจ๋ํฐ๊ฐ ๊ฑฐ์๋ค 144hz ์ธ๋ฐ ์์ ์์๋ 60hz๋ฅผ ๊ธฐ์ค์ผ๋ก ์ก๊ณ ํ์๋๋ผ๊ตฌ์ 144 ๋ชจ๋ํฐ์์ ์คํ ์ํฌ๊ฒฝ์ฐ ์ผ๋ฆญํฐ๊ฐ ๋๋ฌด ๋นจ๋ฆฌ ๋ฌ๋ฆฌ๋๊ฒ ์ฒ๋ผ ๋ชจ์ ์ด ๋ณด์ด๋๋ฐ ์ด๊ฒฝ์ฐ๋ ์ด๋ป๊ฒ 60fps๋ก ๊ณ ์ ์ ํ ์ ์๋์
์ธํฐ๋ํฐ๋ธ-์นjavascriptHTML/CSSchoichoichoi
ใป
0
332
2
- ๆช่งฃๆฑบ
๊ฐ๋ฐํด์ ์ด๋ค๊ฑธ ์ฌ์ฉํ๋์?
์ ๊ฐ ์ธํ๋ฐ์์ ๊ฐ์๋ฅผ ์ฒ์ ๋ฃ๊ฒ๋์๋๋ฐ๊ฐ๋ฐํด์ ์ด๋ค๊ฑธ ์ฌ์ฉํด์ผํ ์ง ๋ชจ๋ฅด๊ฒ ์ด์์ํน์ ๊ฐ์ ์ค ์ฌ์ฉํ์ ๊ฐ๋ฐํด์ ์ ์ ์์๊น์?
์ธํฐ๋ํฐ๋ธ-์นjavascriptHTML/CSSwithpath6941
ใป
0
286
1
- ๆช่งฃๆฑบ
e.which์ ๋ํ ์ง๋ฌธ์ ๋๋ค.
๊ฐ์๋ฅผ ๋ณด๋ค๊ฐ ๊ถ๊ธํ์ ์ด ์์ด ์ง๋ฌธ๋๋ฆฝ๋๋ค. (ํด๋น ์์์์๋ 9:56์ ์์ต๋๋ค.) ์์์์๋ e.which ๋ผ๋ ๊ฑธ ์ฌ์ฉํ์ฌ ํด๋น ํค๋ฅผ ๋๋ ์์ ๋ฒํธ๊ฐ ๋ช๋ฒ์งธ์ธ์ง ์๊ธฐ ์ํด์ ์ฌ์ฉ ํ๋๊ฒ ๊ฐ์๋ฐ ์
whichHTML/CSS์ธํฐ๋ํฐ๋ธ-์นjavascriptkunio18810012
ใป
1
598
1
- ๆช่งฃๆฑบ
์๋ฆฌ๊ฒ์ด ์ฌ๋ผ์ง๋๋ค
<img src="https://cdn.inflearn.c
์ธํฐ๋ํฐ๋ธ-์นHTML/CSSjavascriptdmsgk23234260
ใป
0
267
1
- ๆช่งฃๆฑบ
const ๋ณ์ ๋ฐ Arrowfunction ๋ฐฉ์ ์ง๋ฌธ
์๋ ํ์ธ์ ๊ฐ์ฌ๋ ์ง๋ฌธ์ด ์์ต๋๋ค. 2:21 ์์ const ๋ ํํ ์์ํํ๋ก ์ก๊ธฐ ์ํด ๋ง์ด ์ฐ๋๊ฑธ๋ก ์๊ณ ์๋๋ฐ์ ์ด const ์์ ์ ์ธ ๋ฐฉ์์์ ()=> Arrow function ํํ๊ฐ
constarrowfunctionHTML/CSSjavascript์ธํฐ๋ํฐ๋ธ-์นkunio18810012
ใป
0
416
2
- ๆช่งฃๆฑบ
๋ชฌ์คํฐ๋ npc์ ์์น๊ฐ ์ผ์ ํฌ๊ธฐ๋ฅผ ๋์ด๊ฐ๋ฉด ํ์ด๋ก๊ฐ ์ฌ๋ผ์ง๋๋ค.
๋ชฌ์คํฐ๋ npc๋ ์์ฑ ์์น๋ฅผ ์กฐ๊ธ๋ง ํฌ๊ฒ ์ก์๋ ํ์ด๋ก๊ฐ ์ด๋ํ๋ค ๋ง๊ณ ์ฌ๋ผ์ง๋๋ค.(์์ฑ ์์น๋ฅผ 600์ ๋๋ก ์๊ฒ ์ก์ผ๋ฉด ๋ฌธ์ ๊ฐ ์์ต๋๋ค.) ์์ ์ ๋ค์ผ๋ฉฐ ๋๊ฐ์ด ์ฝ๋ฉํ๋๋ฐ๋ ๋ถ๊ตฌํ๊ณ ์ด๋ฌํ ํ์์ด ๋ํ๋์ ์ฌ๋ ค์ฃผ์ complete ์ฝ๋์
HTML/CSSjavascript์ธํฐ๋ํฐ๋ธ-์น5596molly0916
ใป
0
184
1
- ๆช่งฃๆฑบ
์๋ฆฌ๊ฒ ๋ฐฉํฅ ์ ํ ์ฒ๋ฆฌ์์ ๊ฐ๋จํ ์ง๋ฌธ ์์ต๋๋ค.
์๋ฆฌ๊ฒ ์์ฑ์ ์๋ฆฌ๊ฒ์ ๋ฐฉํฅ์ ๊ฒฐ์ ํ๋ ๋ณ์๋ฅผ ์ ์ธํด ํ์ด๋ก์ ๋ฐฉํฅ์ ๋ด๋ ์ด์ ๋ ์ ์๊ฒ ๋๋ฐ, ๊ฑฐ๊ธฐ์ ๊ทธ๋ฅ <span style="color: #333333; font-family: -apple-system, BlinkMacSystemFont, Ap
javascript์ธํฐ๋ํฐ๋ธ-์นHTML/CSS5596molly0916
ใป
0
214
1
- ๆช่งฃๆฑบ
๋ง์ด๋์ค ์ขํ๊ฐ(?) ์ฌ์ฉ
this.y = (hero.position().bottom - hero.size().height) / 2; ๊ฐ์ด ๋ง์ด๋์ค์ธ๋ฐ +๋ก ๋ฐ๊พธ๋ฉด ํ๋ฉด์ ์๋จ๋๋ผ๊ณ ์ ์น ์ ์ขํ ์ฝ๋ ๋ฐฉ์์ด ๋ค๋ฅธ ๊ฑด๊ฐ์?? </p
์ธํฐ๋ํฐ๋ธ-์นjavascriptHTML/CSSdbtjdwns43208441
ใป
0
725
1
- ๆช่งฃๆฑบ
์ฝ๋ฉ์์ ํ๊ณ ์นํ๋ฉด ๋์์ ํ์ธํ๋ ๋ฐฉ๋ฒ?
์๋ ํ์ธ์. ๊ฐ์ ์๋ฃ๊ณ ์์ต๋๋ค. ์ด๋ณด์ ์ธ ์ง๋ฌธ์ผ ์ ์๋๋ฐ...(๊ธ๋ฐ ์ ๊ฐ ์ด๋ณด๋ผ......) ์์ ํ๊ณ ์นํ๋ฉด๋์์ ํ์ธํ ๋๋ง๋ค start debugging์ผ๋ก ํ์๋ ๊ฑด๊ฐ์?? ์ฝ๋ ์์ ํ๊ณ ๋งค๋ฒ alt+b
javascriptHTML/CSS์ธํฐ๋ํฐ๋ธ-์นkyorae14084550
ใป
0
490
2
- ๆช่งฃๆฑบ
์บ๋ฆญํฐ๊ฐ ์ ํํ๋ฉด์ ์์ผ๋ก ๋์๊ฐ๊ฒ ๋ง๋ค๊ณ ์์ต๋๋ค
์ ํํ๋ฉด ์์ผ๋ก ๋๊ฐ๊ฒ๋ ๋ง๋ค์๋๋ฐ ๋ฐฉํฅ์ด left์ธ ์ํ์์ ์ ํ๋ฅผ upํ๋ฉด right์ ํฅํ์ฑ๋ก ๋ค๋ก ์ ํํ๊ฒ ๋ฉ๋๋ค. ๊ณ์ ์๊ฐํด๋ณด๋ค๊ฐ ๋๋ฌด์ง ๋ชจ๋ฅด๊ฒ ์ด์ ์ง๋ฌธ๋๋ฆฝ๋๋ค..! up์์ ๊ธฐ๋ณธ์ผ๋ก ๋ฐฉํฅ์ด right์ผ๋ก ํฅํ๋๊ฑฐ ๊ฐ์๋ฐ ์ด๋ป๊ฒ
HTML/CSS์ธํฐ๋ํฐ๋ธ-์นjavascriptpjg408
ใป
0
379
1
- ๆช่งฃๆฑบ
์ ์ฒด ์ด๋ฏธ์ง์์ ์ํ๋ ๋ถ๋ถ๋ง ์ปทํ๊ณ ์ถ์ด์(์ฌ์ง์ฒจ๋ถ)
์ฌ์ง ์ฒจ๋ถํ๊ฒ์ฒ๋ผ ์ ์ฒด์์ ์ํ๋ ๋ถ๋ถ๋ง ์ปทํ๊ณ ์ถ์๋ฐ ๋ฐฉ๋ฒ์ ๋ชจ๋ฅด๊ฒ์ด์
HTML/CSSjavascript์ธํฐ๋ํฐ๋ธ-์นdkfmwpsxm
ใป
0
464
1
- ๆช่งฃๆฑบ
์ง๋ฌธ์์ต๋๋ค.
ํน์ ๋ฐฐ์ด ์์๋ฅผ ์ง์ธ๋ shift๋ก ์ ์ผ ์ฒ์ ๋ค์ด์จ ์์๋ฅผ ์ง์ฐ๋๋ก ๊ตฌํํ๋ฉด ๋ฌธ์ ๊ฐ ๋ ๊น์??
javascriptHTML/CSS์ธํฐ๋ํฐ๋ธ-์นckdduf6651459
ใป
0
194
1
- ๆช่งฃๆฑบ
๊นํ ๋ ํฌ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
ํน์ ๊นํ๋ธ ํ๋ผ์ด๋น ๋ ํ์งํ ๋ฆฌ์๋ ํธ์ฌํด๋ ์๊ด์์๊น์??
HTML/CSS์ธํฐ๋ํฐ๋ธ-์นjavascriptckdduf6651459
ใป
0
246
1
- ๆช่งฃๆฑบ
์บ๋ฆญํฐ ๊ธฐ๋ณธ ๋ชจ์ ๋ง๋ค๊ธฐ, ๊ฒฝ๋ก๊ฐ ์ธ์์ด ์๋์.
complete ํด๋์ ์๋ css ํ์ผ์ ์ด๋ฏธ์ง ๊ฒฝ๋ก์ ๋นจ๊ฐ์ค์ด ์ ๊ทธ์ด๋๋ฐ codingํ์ผ์ ์๋ css ํ์ผ์ ์ด๋ฏธ์ง ๊ฒฝ๋ก์ ๋นจ๊ฐ์ค์ด ๊ทธ์ด๋ฉด์ ์ธ์์ด ์๋์... complete์ ์๋ ์์ฑ ํ์ผ๋
HTML/CSS์ธํฐ๋ํฐ๋ธ-์นjavascriptappp82290825
ใป
0
278
1

