์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 
์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 
BEST

์ดˆ๋ณด์ž๋ฅผ ์œ„ํ•œ HTML ๊ธฐ์ดˆ

HTML์€ ๋งŽ์ด ์‰ฝ๋‹ค๊ณ  ์ดํ•ดํ•˜๊ณ  ์žˆ์ง€๋งŒ ์•Œ๊ณ  ๋ณด๋ฉด ์–ด๋ ค์šด ๋‚ด์šฉ์ด ๋งŽ์Šต๋‹ˆ๋‹ค. ์ด ๊ฐ•์˜์—์„œ๋Š” HTML์˜ '์–ด๋ ค์šด ๋ถ€๋ถ„'์„ ์‰ฝ๊ฒŒ ํ’€์–ด ์ด์•ผ๊ธฐํ•˜๋Š” ๋ฐ์— ๋…ธ๋ ฅํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. HTML์„ ์ œ๋Œ€๋กœ ์•Œ์•„๋ด…์‹œ๋‹ค.

Thumbnail

์ดˆ๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[์›น ๊ฐœ๋ฐœ, ํ”„๋ก ํŠธ์—”๋“œ] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ
๋ฐฐ์›Œ์š”!

  • ์˜ฌ๋ฐ”๋ฅธ HTML ์ž‘์„ฑ ๋ฐฉ๋ฒ•

  • HTML ํ‘œ์ค€ ๊ธฐ๋ฒ•

  • HTML

HTML ๊ธฐ์ดˆ

์กฐ์€, "HTML ๊ธฐ์ดˆ" ๊ฐ•์˜ ์ปค๋ฒ„ ์ด๋ฏธ์ง€ (ํ•œ๊ตญ์–ด ์ •๋ฐฉํ˜• ๋ฒ„์ „)

์ด ๊ฐ•์˜๋Š” HTML์„ ์ž…๋ฌธํ•˜์…จ๊ฑฐ๋‚˜,
์ด๋ฏธ ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ํ˜„์—…์— ์žˆ๋Š” ๋ถ„๋“ค์ด
HTML์— ๋Œ€ํ•œ ์ดํ•ด๋„๋ฅผ ๋†’์ด๊ณ  ์‹ถ์œผ์‹ค ๋•Œ ๋“ค์œผ์‹œ๋ฉด ์ข‹์€ ๊ฐ•์˜ ์ž…๋‹ˆ๋‹ค.

WHATWG์˜ HTML ํ‘œ์ค€ ์ŠคํŽ™์„ ์ฐธ๊ณ ํ•˜์—ฌ
ํ˜„์—…์—์„œ ์ฃผ๋กœ ์‚ฌ์šฉ๋˜๋Š” HTML ์š”์†Œ๋“ค๊ณผ,
HTML ์š”์†Œ๋“ค์˜ ํ™œ์šฉ๋ฒ•์— ๋Œ€ํ•ด ๋‹ค๋ฃจ๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.


๋ฌด์—‡์„ ๋ฐฐ์šฐ๊ฒŒ ๋˜๋‚˜์š”?

WHATWG ๋กœ๊ณ 

โ–ฒ WHATWG ๋กœ๊ณ 

HTML ์ž์ฒด๊ฐ€ ๋ฌด์—‡์ธ๊ฐ€์— ๋Œ€ํ•œ ์†Œ๊ฐœ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜์—ฌ,
ํ‘œ์ค€ํ™” ๊ธฐ๊ตฌ, HTML ํ‘œ์ค€, HTML DOCTYPE ๋“ฑ์„ ๋ฐฐ์šฐ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

์ด์–ด์„œ HTML ๊ฐ ์š”์†Œ๋“ค์˜ ์˜๋ฏธ์™€ ์šฉ๋ฒ• ๋“ฑ์„ ๋ฐฐ์šฐ๋ฉฐ,
๋งˆ๋ฌด๋ฆฌ๋กœ HTML์—์„œ ์•Œ์•„๋‘๋ฉด ์ข‹์€ ์‚ฌ์ดํŠธ์— ๋Œ€ํ•ด ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.


๊ฐ•์˜ ๊ตฌ์„ฑ

HTML Living Standard ๋ฉ”์ธ ํŽ˜์ด์ง€ (์„น์…˜ 0 3๊ฐ•)

HTML์ด๋ž€ ๋ฌด์—‡์ด๋ฉฐ, ์™œ ํ•™์Šตํ•ด์•ผ ํ•˜๋‚˜์š”? ์›น ํ‘œ์ค€(Web Standard)์„ ์œ„ํ•ด์„œ๋Š” ๋ฌด์—‡์„ ์–ด๋–ป๊ฒŒ ์ฐธ๊ณ ํ•˜๊ณ  ์ตํ˜€์•ผ ํ•˜๋Š”์ง€์— ๋Œ€ํ•ด ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค.

DOCTYPE ์„ ์–ธ Visual Studio Code ๊ฐ•์˜ํ™”๋ฉด ์บก์ฒ˜ (์„น์…˜ 0 4๊ฐ•)

HTML์€ ์–ด๋–ค ์š”์†Œ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ์„๊นŒ์š”? ๊ฐ๊ฐ์˜ ๊ฐœ๋ณ„ ์š”์†Œ ๋‚ด๋ถ€์— ์–ด๋–ค ์ •๋ณด๊ฐ€ ๋“ค์–ด๊ฐ€์•ผ ํ•˜๋Š”์ง€ ์ดํ•ดํ•˜๊ณ , HTML์„ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

HTML์˜ ๊ฐ ์š”์†Œ๋ฅผ ์ •๋ฆฌํ•œ Visual Studio Code ๊ฐ•์˜ํ™”๋ฉด ์บก์ฒ˜ (์„น์…˜ 1 1๊ฐ•)

์™ธ๋ถ€ ๋ฌธ์„œ๋‚˜ ๋ฏธ๋””์–ด๋ฅผ ๋ถˆ๋Ÿฌ์˜ฌ ๋•Œ๋Š” ์š”์†Œ๋ฅผ ์–ด๋–ป๊ฒŒ ํ™œ์šฉํ•ด์•ผ ํ• ๊นŒ์š”? ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œ๋กœ ํ‘œํ˜„ํ•˜๊ฑฐ๋‚˜, ์œ ์ €๊ฐ€ ์ž…๋ ฅํ•˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์„ ๋•Œ์—๋Š” ์–ด๋–ค ๊ทœ์น™์„ ์ง€์ผœ์•ผ ํ• ๊นŒ์š”? ๊ฐ ์š”์†Œ์˜ Best Practice๋ฅผ ๋งŒ๋“ค์–ด๊ฐ€๋Š” ๋ฐฉ๋ฒ•์„ ๋” ์ž์„ธํžˆ ์‚ดํŽด๋ด…๋‹ˆ๋‹ค.

์•Œ์•„๋‘๋ฉด ์œ ์ตํ•œ HTML ๊ด€๋ จ ๋งํฌ (์„น์…˜ 1 11๊ฐ•)

๋งˆ์ง€๋ง‰์œผ๋กœ, ์‹ค์ œ HTML์„ ์ž‘์„ฑํ•  ๋•Œ ์œ ์šฉํ•˜๊ฒŒ ์“ธ ์ˆ˜ ์žˆ๋Š” ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์ •๋ณด๋ฅผ ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค.


์ฐธ๊ณ ์‚ฌํ•ญ

  • ๋ฐ˜๋“œ์‹œ HTML ์ž…๋ฌธ ์ง€์‹์„ ์•Œ๊ณ  ๊ณ„์‹ค ํ•„์š”๋Š” ์—†์ง€๋งŒ ์ž…๋ฌธ ์ง€์‹์ด ์—†์„ ๊ฒฝ์šฐ ์–ด๋ ค์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • HTML, CSS, JavaScript์— ๋Œ€ํ•ด์„œ ๋‘๋ฃจ ์•Œ๊ณ  ๊ณ„์‹œ๋ฉด ์ข‹์Šต๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • HTML์— ๋Œ€ํ•ด ์•Œ์ง€๋งŒ ์ œ๋Œ€๋กœ ์•Œ์ง€๋Š” ๋ชปํ•˜์‹œ๋Š” ๋ถ„

  • HTML ์ž…๋ฌธ์ž

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • HTML ๊ธฐ์ดˆ ๋ฌธ๋ฒ•

์•ˆ๋…•ํ•˜์„ธ์š”
์กฐ์€์ž…๋‹ˆ๋‹ค.

467

๋ช…

์ˆ˜๊ฐ•์ƒ

27

๊ฐœ

์ˆ˜๊ฐ•ํ‰

13

๊ฐœ

๋‹ต๋ณ€

4.7

์ 

๊ฐ•์˜ ํ‰์ 

1

๊ฐœ

๊ฐ•์˜

HTML, CSS, DOM ๋“ฑ Web Standard ๊ธฐ์ˆ ์— ๊ด€์‹ฌ์ด ๋งŽ์€ Front-End ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค.
Web Technologies ๋ถ„์•ผ์˜ Google Developers Expert์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค.

๊ฐ€๋”์€ ๋ฒˆ์—ญ๊ฐ€๋กœ, ๊ฐ€๋”์€ ๊ฐœ๋ฐœ์ž๋กœ, ๊ฐ€๋”์€ ์ œํ’ˆ ๊ด€๋ฆฌ์ž๋กœ, ๊ฐ€๋”์€ ์‚ฌ์ง„ ์ž‘๊ฐ€๋กœ ์ผํ•ฉ๋‹ˆ๋‹ค.
์—ฐ๋ฝ์ฒ˜: choeun@techhtml.dev

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

70๊ฐœ โˆ™ (4์‹œ๊ฐ„ 33๋ถ„)

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์•„์ง ์ถฉ๋ถ„ํ•œ ํ‰๊ฐ€๋ฅผ ๋ฐ›์ง€ ๋ชปํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.
๋ชจ๋‘์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ์ˆ˜๊ฐ•ํ‰์˜ ์ฃผ์ธ๊ณต์ด ๋˜์–ด์ฃผ์„ธ์š”!

โ‚ฉ22,000