๐Ÿ’ป FE/๐Ÿ“ HTML & CSS

01. Markup ์–ธ์–ด์™€ Markdown ์–ธ์–ด ๋น„๊ต

Roy Miller 2025. 3. 4. 21:11

๐Ÿ“Œ ๋งˆํฌ์—… ์–ธ์–ด, ๋งˆํฌ๋‹ค์šด ์–ธ์–ด

์ƒ์‹์„ ์—์„œ ์ ‘๊ทผ ํ•ด๋ณด๋ฉด ๋งˆํฌ์—…์€ ๊ธฐ๊ณ„๊ฐ€ ์ฝ์€ ์–ธ์–ด ๊ฐ™๊ณ  ๋งˆํฌ ๋‹ค์šด์€ ์‚ฌ๋žŒ์ด ์ฝ์„ ์ˆ˜ ์žˆ๊ฒŒ ๊ธ€์„ ์“ฐ๋Š” ์–ธ์–ด๋ผ ์ƒ๊ฐ๋œ๋‹ค. ๊ฐœ๋ฐœ์ž๊ฐ€ ์•„๋‹Œ์ด์ƒ HTML ์„ ๋œฏ์–ด๋ณด์ง€๋Š” ์•Š์œผ๋‹ˆ๊นŒ ..

๋ฒจ๋กœ๊ทธ, ๊นƒํ—ˆ๋ธŒ ๋ฆฌ๋“œ๋ฏธ, ์š”์ฆ˜์—๋Š” ํ‹ฐ์Šคํ† ๋ฆฌ๋„.
๊ทธ๋ฆฌ๊ณ  ๋…ธ์…˜๋„ ! ๋งˆํฌ๋‹ค์šด ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

๋‹จ์ˆœํ•œ ๋ฌธ๋ฒ•์œผ๋กœ ๊ผญ ํ•„์š”ํ•œ ๋‚ด์šฉ๋งŒ ์“ธ ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค€๋‹ค.

 

๐Ÿ“Œ ๋งˆํฌ์—… ์–ธ์–ด (Markup Language)

ํ…์ŠคํŠธ์— ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฌธ์„œ์˜ ๊ตฌ์กฐ์™€ ์„œ์‹์„ ์ •์˜ํ•˜๋Š” ์–ธ์–ด.

  • HTML (Hypertext Markup Language): ์›น ํŽ˜์ด์ง€์˜ ๊ตฌ์กฐ์™€ ๋‚ด์šฉ์„ ์ •์˜ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉํ•˜๊ณ , ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ…์ŠคํŠธ, ์ด๋ฏธ์ง€, ๋งํฌ ๋“ฑ์„ ๊ตฌ์„ฑํ•˜๊ณ  ๋ธŒ๋ผ์šฐ์ €์— ํ‘œ์‹œํ•œ๋‹ค.
  • XML (Extensible Markup Language): ๋ฐ์ดํ„ฐ๋ฅผ ๊ตฌ์กฐ์ ์œผ๋กœ ํ‘œํ˜„ํ•˜๊ณ  ์ €์žฅํ•˜๋Š” ๋ฐ ์‚ฌ์šฉํ•˜๊ณ  ๋‹ค์–‘ํ•œ ๋ถ„์•ผ์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๊ตํ™˜ํ•˜๊ณ  ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐ ํ™œ์šฉ๋œ๋‹ค.

 

๐Ÿ“Œ ๋งˆํฌ๋‹ค์šด ์–ธ์–ด (Markdown Language)

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

๐Ÿ”— ๋ฌธ์„œ ๋ณด๊ธฐ

 

Basic Syntax | Markdown Guide

The Markdown elements outlined in the original design document.

www.markdownguide.org

 

๐Ÿ“Œ ๋งˆํฌ์—… ์–ธ์–ด์™€ ๋งˆํฌ๋‹ค์šด ์–ธ์–ด ๋น„๊ต

     
ํŠน์ง• ๋งˆํฌ์—… ์–ธ์–ด ๋งˆํฌ๋‹ค์šด ์–ธ์–ด
๋ชฉ์  ๋ฌธ์„œ ๊ตฌ์กฐ ๋ฐ ์„œ์‹ ์ •์˜ ํ…์ŠคํŠธ ๊ธฐ๋ฐ˜ ์„œ์‹ ์ ์šฉ
๋ฌธ๋ฒ• ๋ณต์žกํ•˜๊ณ  ๋‹ค์–‘ํ•œ ํƒœ๊ทธ ์‚ฌ์šฉ ๋‹จ์ˆœํ•˜๊ณ  ์ง๊ด€์ ์ธ ๊ธฐํ˜ธ ์‚ฌ์šฉ
ํ•™์Šต ๋‚œ์ด๋„ ๋†’์Œ ๋‚ฎ์Œ
ํ™œ์šฉ ๋ถ„์•ผ ์›น ๊ฐœ๋ฐœ, ๋ฐ์ดํ„ฐ ๊ตํ™˜ ๋ธ”๋กœ๊ทธ, ์˜จ๋ผ์ธ ๋ฌธ์„œ, ์ฝ”๋“œ ์ €์žฅ์†Œ

 

๐Ÿ“Œ ์ •๋ฆฌ

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