Learn Web Development

๊ด‘๊ณ  ํฌํ•จ์ธ์•ฑ ๊ตฌ๋งค
4.7
๋ฆฌ๋ทฐ 1.18๋งŒ๊ฐœ
100๋งŒ+
๋‹ค์šด๋กœ๋“œ
์ฝ˜ํ…์ธ  ๋“ฑ๊ธ‰
PEGI 3
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€

์•ฑ ์ •๋ณด

Javascript, HTML, HTML Advanced, CSS์™€ ๊ฐ™์€ ์›น ๊ฐœ๋ฐœ ๊ธฐ์ˆ ์„ ๋ฐฐ์šฐ๊ณ  ์‹ถ๊ฑฐ๋‚˜ ์ด๋Ÿฌํ•œ ํ”„๋ŸฐํŠธ ์—”๋“œ ๊ธฐ์ˆ ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ž์‹ ์˜ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ  ์‹ถ์Šต๋‹ˆ๊นŒ?

์›น ๊ฐœ๋ฐœ ๋ฐฐ์šฐ๊ธฐ : ํŠœํ† ๋ฆฌ์–ผ ๋ฐ ๊ณผ์ • ์€ ์ตœ๊ณ ์˜ ์ฝ˜ํ…์ธ  ์ œ์ž‘์ž๊ฐ€ ์„ ๋ณ„ ํ•œ ๊ณผ์ •์„ ์ˆ˜๊ฐ•ํ•˜์—ฌ ์›น ๊ฐœ๋ฐœ ๊ธฐ์ˆ ์„ ๋ฐฐ์šฐ๋Š” ๋ฐ ๋„์›€์ด๋˜๋Š” ๋‹จ์ผ ์•ฑ์ž…๋‹ˆ๋‹ค. ์ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ•™์Šต ์•ฑ์˜ ๋ชจ๋“  ์ฝ˜ํ…์ธ ๋Š” ์†Œํ”„ํŠธ์›จ์–ด ์—”์ง€๋‹ˆ์–ด๋ง ๋ถ„์•ผ์˜ ์ „๋ฌธ๊ฐ€๊ฐ€ ์„ ๋ณ„ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ ์ธํ„ฐ๋ทฐ ๋˜๋Š” ์‹œํ—˜์„ ์ค€๋น„ ์ค‘์ด๊ฑฐ๋‚˜ ๊ณ ๊ธ‰ HTML๋กœ ๊ธฐ์ˆ ์„ ์—ฐ๋งˆํ•˜๋ ค๋Š” ๊ฒฝ์šฐ์ด ์•ฑ์ด ํ•„์š”ํ•œ ์œ ์ผํ•œ ์•ฑ์ž…๋‹ˆ๋‹ค.

์ด๊ฒƒ์€ ํ”„๋ก ํŠธ ์—”๋“œ ์›น ๊ฐœ๋ฐœ์„ ๋งˆ์Šคํ„ฐํ•˜๋ ค๋Š” ๋ชจ๋“  ์‚ฌ๋žŒ์„์œ„ํ•œ ํ•„์ˆ˜ ์ฝ”๋“œ ํ•™์Šต ์•ฑ์ž…๋‹ˆ๋‹ค. HTML / CSS๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฉ‹์ง„ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์œผ์‹ญ๋‹ˆ๊นŒ? ์ด ์•ฑ์—์„œ ์žฌ๋ฏธ ์žˆ๊ณ  ํ•œ ์ž… ํฌ๊ธฐ์˜ ์ˆ˜์—…์„ ์ฐพ์•„ ์žฌ๋ฏธ์žˆ๊ฒŒ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


๊ณผ์ • ๋‚ด์šฉ
๐Ÿ“ฑ ์Šคํฌ๋ž˜์น˜๋ถ€ํ„ฐ ๊ณ ๊ธ‰๊นŒ์ง€ HTML ๋ฐฐ์šฐ๊ธฐ
๐Ÿ“ฑ ๋‚˜๋งŒ์˜ ์›น ์‚ฌ์ดํŠธ ๊ตฌ์ถ•
๐Ÿ“ฑ HTML ํƒœ๊ทธ, ์›น ํŽ˜์ด์ง€, ์†์„ฑ
๐Ÿ“ฑ JS์˜ ๊ฐ์ฒด, ๋ฌธ์ž์—ด, DOM
๐Ÿ“ฑ ์‚ฌ์šฉ์ž ์ •์˜ ์Šคํƒ€์ผ ์‹œํŠธ (CSS)
๐Ÿ“ฑ ์›น ๋””์ž์ธ ๋ฐ ๊ฐœ๋ฐœ


์ด ์•ฑ์„ ์„ ํƒํ•˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?
์ด ์›น ๊ฐœ๋ฐœ ํŠœํ† ๋ฆฌ์–ผ ์•ฑ์ด HTML / JS / CSS๋กœ ์›น ๊ฐœ๋ฐœ์„ ๋ฐฐ์šฐ๋Š” ๋ฐ ๋„์›€์ด๋˜๋Š” ์ตœ๊ณ ์˜ ์„ ํƒ ์ธ ์ด์œ ๋Š” ๋งŽ์Šต๋‹ˆ๋‹ค.
๐Ÿค– ์žฌ๋ฏธ์žˆ๋Š” ํ•œ ์ž… ํฌ๊ธฐ์˜ ์ฝ”์Šค ์ฝ˜ํ…์ธ 
๐ŸŽง ์˜ค๋””์˜ค ์ฃผ์„ (ํ…์ŠคํŠธ ์Œ์„ฑ ๋ณ€ํ™˜)
๐Ÿ“š ์ฝ”์Šค ์ง„ํ–‰ ์ƒํ™ฉ ์ €์žฅ
๐Ÿ’ก Google ์ „๋ฌธ๊ฐ€๊ฐ€ ๋งŒ๋“  ๊ณผ์ • ์ฝ˜ํ…์ธ 
๐ŸŽ“ ์›น ๊ฐœ๋ฐœ ๊ณผ์ •์—์„œ ์ธ์ฆ ๋ฐ›๊ธฐ
๐Ÿ’ซ ๊ฐ€์žฅ ์ธ๊ธฐ์žˆ๋Š” "ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ—ˆ๋ธŒ"์•ฑ ์ง€์›

์†Œํ”„ํŠธ์›จ์–ด ์‹œํ—˜์„ ์ค€๋น„ํ•˜๋“  javascript, html, css๋กœ ๋ฉด์ ‘์„ ์ค€๋น„ํ•˜๋“  ๋ฉด์ ‘ ๋ฌธ์ œ ๋‚˜ ์‹œํ—˜ ๋ฌธ์ œ๋ฅผ ์ค€๋น„ํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ์œ ์ผํ•œ ํŠœํ† ๋ฆฌ์–ผ ์•ฑ์ž…๋‹ˆ๋‹ค. ์ด ์žฌ๋ฏธ์žˆ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ•™์Šต ์•ฑ์—์„œ ์ฝ”๋”ฉ ๋ฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์˜ˆ์ œ๋ฅผ ์—ฐ์Šต ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


์‚ฌ๋ž‘ ๋‚˜๋ˆ„๊ธฐ โค๏ธ
์ €ํฌ ์•ฑ์ด ๋งˆ์Œ์— ๋“ค๋ฉด Play ์Šคํ† ์–ด์—์„œ ํ‰๊ฐ€ํ•˜์—ฌ ์‚ฌ๋ž‘์„ ๋‚˜๋ˆ ์ฃผ์„ธ์š”.


์šฐ๋ฆฌ๋Š” ์˜๊ฒฌ์„ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค
๊ณต์œ  ํ•  ์˜๊ฒฌ์ด ์žˆ์Šต๋‹ˆ๊นŒ? hello@programminghub.io๋กœ ์ด๋ฉ”์ผ์„ ๋ณด๋‚ด์ฃผ์„ธ์š”.


ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ—ˆ๋ธŒ ์ •๋ณด
ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ—ˆ๋ธŒ๋Š” Google์˜ ์ „๋ฌธ๊ฐ€๊ฐ€ ์ง€์›ํ•˜๋Š” ํ”„๋ฆฌ๋ฏธ์—„ ํ•™์Šต ์•ฑ์ž…๋‹ˆ๋‹ค. Programming Hub๋Š” Kolb์˜ ํ•™์Šต ๊ธฐ์ˆ ๊ณผ ์ „๋ฌธ๊ฐ€์˜ ํ†ต์ฐฐ๋ ฅ์„ ๊ฒฐํ•ฉํ•œ ์—ฐ๊ตฌ ๊ธฐ๋ฐ˜ ์กฐํ•ฉ์„ ์ œ๊ณตํ•˜์—ฌ ์ฒ ์ €ํ•˜๊ฒŒ ํ•™์Šต ํ•  ์ˆ˜ ์žˆ๋„๋กํ•ฉ๋‹ˆ๋‹ค. ์ž์„ธํ•œ ๋‚ด์šฉ์€ www.prghub.com ์„ ๋ฐฉ๋ฌธํ•˜์‹ญ์‹œ์˜ค.
์—…๋ฐ์ดํŠธ ๋‚ ์งœ
2025. 4. 11.

๋ฐ์ดํ„ฐ ๋ณด์•ˆ

๋ณด์•ˆ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ง‘ ๋ฐ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ์‹์„ ํŒŒ์•…ํ•˜๋Š” ๊ฒƒ์—์„œ ์‹œ์ž‘๋ฉ๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ ๊ฐœ์ธ ์ •๋ณด ๋ณดํ˜ธ ๋ฐ ๋ณด์•ˆ ๊ด€ํ–‰์€ ์‚ฌ์šฉ์ž์˜ ์•ฑ ์‚ฌ์šฉ, ์ง€์—ญ, ์—ฐ๋ น์— ๋”ฐ๋ผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ œ๊ณตํ•œ ์ •๋ณด์ด๋ฉฐ ์ถ”ํ›„ ์—…๋ฐ์ดํŠธ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ œ3์ž์™€ ๊ณต์œ ๋˜๋Š” ๋ฐ์ดํ„ฐ ์—†์Œ
๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ๊ณต์œ ๋ฅผ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.
์•ฑ์—์„œ ์ˆ˜์ง‘ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐ ์œ ํ˜•
์•ฑ ํ™œ๋™, ์•ฑ ์ •๋ณด ๋ฐ ์„ฑ๋Šฅ ๋ฐ ๊ธฐ๊ธฐ ๋˜๋Š” ๊ธฐํƒ€ ID
์ „์†ก ์ค‘ ๋ฐ์ดํ„ฐ ์•”ํ˜ธํ™”๋จ
๋ฐ์ดํ„ฐ ์‚ญ์ œ๋ฅผ ์š”์ฒญํ•  ์ˆ˜ ์žˆ์Œ

ํ‰์  ๋ฐ ๋ฆฌ๋ทฐ

4.7
๋ฆฌ๋ทฐ 1.14๋งŒ๊ฐœ

์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ

- All new learning experience
- New design UI/UX
- New sign up and progress save
- New Verifiable Certificates