Hello, world!

2025.06.26

๐Ÿ“ ๋งˆํฌ๋‹ค์šด ํ…Œ์ŠคํŠธ ๋ฌธ์„œ

์ด ๋ฌธ์„œ๋Š” ๋ธ”๋กœ๊ทธ์—์„œ ๋งˆํฌ๋‹ค์šด ๋ฌธ๋ฒ•์ด ์–ด๋–ป๊ฒŒ ๋ณด์ด๋Š”์ง€ ํ…Œ์ŠคํŠธํ•˜๊ธฐ ์œ„ํ•œ ์šฉ๋„์ž…๋‹ˆ๋‹ค.


1. ์ œ๋ชฉ(Header)

H1 ์ œ๋ชฉ

H2 ์ œ๋ชฉ

H3 ์ œ๋ชฉ

H4 ์ œ๋ชฉ

H5 ์ œ๋ชฉ
H6 ์ œ๋ชฉ

2. ํ…์ŠคํŠธ ์Šคํƒ€์ผ(Text Style)

  • ๊ตต์€ ํ…์ŠคํŠธ
  • ๊ธฐ์šธ์ž„ ํ…์ŠคํŠธ
  • ์ทจ์†Œ์„ 
  • ์ธ๋ผ์ธ ์ฝ”๋“œ

3. ๋ชฉ๋ก(List)

์ˆœ์„œ ์—†๋Š” ๋ชฉ๋ก

  • ์‚ฌ๊ณผ
  • ๋ฐ”๋‚˜๋‚˜
    • ๋œ ์ต์€ ๋ฐ”๋‚˜๋‚˜
    • ์ž˜ ์ต์€ ๋ฐ”๋‚˜๋‚˜
  • ์ฒด๋ฆฌ

์ˆœ์„œ ์žˆ๋Š” ๋ชฉ๋ก

  1. ์‹œ์ž‘
  2. ์ง„ํ–‰
    3. ์„ธ๋ถ€ ํ•ญ๋ชฉ
    4. ๋˜ ๋‹ค๋ฅธ ์„ธ๋ถ€ ํ•ญ๋ชฉ
  3. ์™„๋ฃŒ

4. ๋งํฌ(Link)


5. ์ด๋ฏธ์ง€(Image)

์ƒ˜ํ”Œ ์ด๋ฏธ์ง€


6. ์ฝ”๋“œ(Code)

์ธ๋ผ์ธ ์ฝ”๋“œ

์˜ˆ: const x = 10

์ฝ”๋“œ ๋ธ”๋ก (JavaScript ์˜ˆ์‹œ)

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Markdown");

7. ์ธ์šฉ๋ฌธ(Blockquote)

์ด๊ฒƒ์€ ์ธ์šฉ๋ฌธ์ž…๋‹ˆ๋‹ค.

์ค‘์ฒฉ๋œ ์ธ์šฉ๋„ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.


8. ๊ตฌ๋ถ„์„ (Horizontal Rule)


9. ์ฒดํฌ๋ฐ•์Šค(Task List)

  • ๋งˆํฌ๋‹ค์šด ํ…Œ์ŠคํŠธ ๋ฌธ์„œ ์ž‘์„ฑ
  • ๋ธ”๋กœ๊ทธ์— ์—…๋กœ๋“œ
  • ์‹ค์ œ ๋ Œ๋”๋ง ํ™•์ธ

10. ํ‘œ(Table)

์ด๋ฆ„ ์—ญํ•  ํ™œ์„ฑ ์—ฌ๋ถ€
ํ™๊ธธ๋™ ๊ฐœ๋ฐœ์ž โœ…
์ด๋ชฝ๋ฃก ๋””์ž์ด๋„ˆ โŒ

11. ๊ธฐํƒ€

HTML ํƒœ๊ทธ๋„ ์ง€์›๋˜๋Š” ๊ฒฝ์šฐ:

<p style="color: red;">์ด ๋ฌธ์žฅ์€ ๋นจ๊ฐ„์ƒ‰์ž…๋‹ˆ๋‹ค.</p>