CreatorHelper
πŸ“

λ§ˆν¬λ‹€μš΄ β†’ HTML λ³€ν™˜κΈ°

μ‹€μ‹œκ°„ 미리보기 Β· HTML μ½”λ“œ 볡사 Β· ν—€λ”Β·ν‘œΒ·μ½”λ“œλΈ”λ‘ 지원 Β· λΈŒλΌμš°μ € 처리 Β· 무료

μ™Όμͺ½μ— λ§ˆν¬λ‹€μš΄μ„ μž…λ ₯ν•˜λ©΄ 미리보기가 ν‘œμ‹œλ©λ‹ˆλ‹€.

πŸ“‹ 지원 문법

# H1 ~ ###### H6 헀더

**ꡡ게**, *이타릭*, ~~μ·¨μ†Œμ„ ~~

`인라인 μ½”λ“œ`, ```μ½”λ“œ 블둝```

μˆœμ„œ μžˆλŠ”/μ—†λŠ” λͺ©λ‘

[링크](url), ![이미지](url)

| κ΅¬λΆ„μžλ‘œ λ§Œλ“  ν‘œ

> 인용문

--- μˆ˜ν‰μ„ 

λ§ˆν¬λ‹€μš΄μ΄ ν¬λ¦¬μ—μ΄ν„°μ—κ²Œ μœ μš©ν•œ 이유

λΈ”λ‘œκ·Έ 포슀트, μ˜μƒ μ„€λͺ…λž€, 유튜브 챕터 λͺ©λ‘, λ‰΄μŠ€λ ˆν„° μ΄ˆμ•ˆμ„ λ§ˆν¬λ‹€μš΄μœΌλ‘œ μž‘μ„±ν•˜λ©΄ μ„œμ‹ 없이 ν…μŠ€νŠΈμ—λ§Œ 집쀑할 수 μžˆμŠ΅λ‹ˆλ‹€. μ™„μ„± ν›„ HTML λ³€ν™˜ λ²„νŠΌ ν•˜λ‚˜λ‘œ λΈ”λ‘œκ·Έλ‚˜ CMS에 λ°”λ‘œ 뢙여넣을 수 μžˆλŠ” HTML을 얻을 수 μžˆμŠ΅λ‹ˆλ‹€.

μ§€μ›ν•˜λŠ” λ§ˆν¬λ‹€μš΄ 문법

  • 헀더: # H1λΆ€ν„° ###### H6κΉŒμ§€ 6단계 헀더
  • ν…μŠ€νŠΈ μ„œμ‹: **ꡡ게**, *이타릭*, ~~μ·¨μ†Œμ„ ~~, `인라인 μ½”λ“œ`
  • λͺ©λ‘: - λ˜λŠ” * 둜 λΉ„μˆœμ„œ λͺ©λ‘, 1. 2. 3. 으둜 μˆœμ„œ λͺ©λ‘
  • 링크·이미지: [ν…μŠ€νŠΈ](URL), ![λŒ€μ²΄ν…μŠ€νŠΈ](이미지URL)
  • μ½”λ“œ 블둝: ```μ–Έμ–΄λͺ… 으둜 μ‹œμž‘ν•˜λŠ” νŽœμŠ€λ“œ μ½”λ“œ 블둝
  • ν‘œ: | κ΅¬λΆ„μžλ‘œ λ§Œλ“œλŠ” λ§ˆν¬λ‹€μš΄ ν…Œμ΄λΈ”
  • 인용문: > 기호둜 μ‹œμž‘ν•˜λŠ” blockquote
  • μˆ˜ν‰μ„ : --- λ˜λŠ” *** 으둜 hr νƒœκ·Έ 생성

자주 λ¬»λŠ” 질문 (FAQ)

λ§ˆν¬λ‹€μš΄(Markdown)μ΄λž€ λ¬΄μ—‡μΈκ°€μš”?

λ§ˆν¬λ‹€μš΄μ€ 2004λ…„ John Gruberκ°€ κ°œλ°œν•œ κ²½λŸ‰ λ§ˆν¬μ—… μ–Έμ–΄μž…λ‹ˆλ‹€. # 기호둜 헀더, **둜 ꡡ게, - 둜 λͺ©λ‘μ„ ν‘œν˜„ν•˜λŠ” λ“± 직관적인 λ¬Έλ²•μœΌλ‘œ HTML을 μ‰½κ²Œ μž‘μ„±ν•  수 있게 ν•΄μ€λ‹ˆλ‹€.

λ§ˆν¬λ‹€μš΄μ΄ 어디에 μ‚¬μš©λ˜λ‚˜μš”?

GitHub README, Notion, λΈ”λ‘œκ·Έ(Tistory, WordPress), 기술 λ¬Έμ„œ, Slack/Discord λ©”μ‹œμ§€, 이메일 λ‰΄μŠ€λ ˆν„° λ“± λ‹€μ–‘ν•œ ν”Œλž«νΌμ—μ„œ μ‚¬μš©λ©λ‹ˆλ‹€.

λ³€ν™˜λœ HTML을 λΈ”λ‘œκ·Έμ— λ°”λ‘œ μ‚¬μš©ν•  수 μžˆλ‚˜μš”?

λ„€, λ³€ν™˜λœ HTML은 λΈ”λ‘œκ·Έλ‚˜ μ›Ήμ‚¬μ΄νŠΈμ˜ HTML νŽΈμ§‘κΈ°μ— λ°”λ‘œ λΆ™μ—¬λ„£κΈ° ν•˜μ—¬ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. WordPress, Tistory, ν‹°μŠ€ν† λ¦¬ λ“±μ˜ HTML λͺ¨λ“œμ—μ„œ μ‚¬μš©ν•˜μ„Έμš”.

ν‘œ(Table)λŠ” μ–΄λ–»κ²Œ μž‘μ„±ν•˜λ‚˜μš”?

| 헀더1 | 헀더2 | ν˜•μ‹μœΌλ‘œ μž‘μ„±ν•˜κ³ , 두 번째 쀄에 | --- | --- | ꡬ뢄선을 μΆ”κ°€ν•©λ‹ˆλ‹€. "μƒ˜ν”Œ 뢈러였기"λ₯Ό ν΄λ¦­ν•˜λ©΄ ν‘œ μ˜ˆμ‹œλ₯Ό 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

μ½”λ“œ 블둝은 μ–΄λ–»κ²Œ ν‘œν˜„ν•˜λ‚˜μš”?

μ„Έ 개의 λ°±ν‹±(```)으둜 μ½”λ“œ 블둝을 μ‹œμž‘ν•˜κ³  λλ‚΄μ„Έμš”. 첫 번째 λ°±ν‹± 뒀에 μ–Έμ–΄λͺ…(javascript, python, css λ“±)을 μ“°λ©΄ μ–Έμ–΄ ν΄λž˜μŠ€κ°€ μžλ™μœΌλ‘œ μΆ”κ°€λ©λ‹ˆλ‹€.

이 λ³€ν™˜κΈ°λŠ” μ„œλ²„λ‘œ 데이터λ₯Ό λ³΄λ‚΄λ‚˜μš”?

μ•„λ‹ˆμš”, λͺ¨λ“  λ³€ν™˜μ€ λΈŒλΌμš°μ €μ—μ„œ 직접 μ²˜λ¦¬λ©λ‹ˆλ‹€. μž‘μ„±ν•œ λ§ˆν¬λ‹€μš΄μ΄ μ™ΈλΆ€ μ„œλ²„λ‘œ μ „μ†‘λ˜μ§€ μ•ŠμœΌλ―€λ‘œ λ―Όκ°ν•œ λ‚΄μš©λ„ μ•ˆμ‹¬ν•˜κ³  μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

λ§ˆν¬λ‹€μš΄ β†’ HTML λ³€ν™˜κΈ° β€” 무료 온라인 Markdown to HTML | Creator Helper