[블로그팁] 마크다운이 뭐야? 티스토리 기본·HTML·마크다운 모드 차이 정리

 

👩‍💻 티스토리에서 글 쓸 때 어떤 모드로 작성하면 좋을까?

기본모드에 공부한 내용 정리하고 코드 넣고, 가끔 HTML 모드로 스타일 좀 만져도 문제없겠지—라고 생각했다.

그런데…  
HTML 모드에서 수정 후 다시 기본 모드로 돌아오면? 

→ 스타일이 싹 사라지는 경험, 해보셨나요?🤦‍♂️

 

저는 한두 번이 아니었고, 가독성 있게 정리했던 걸 날려버려 속상했던 적이 많았어요.  
그래서 기본 / HTML / 마크다운이 3가지 모드를 비교해서 앞으로는 글에 따라 제대로 선택하려고 정리해 봤습니다.

---

💡 1. 티스토리 글쓰기 모드 3가지 비교 

작성모드	특징	장점	단점
기본 모드	일반적인 워드형 에디터 워드처럼 직관적인 편집기	쉬운작성, 빠르게 작성 가능	복잡한 HTML 구조 유지 안 됨 스타일 깨질 수 있음
HTML 모드	HTML 코드 직접 작성	세부 스타일, 코드 꾸미기 최강	실수 시 구조 망가질 수 있음
마크다운 모드	마크다운 문법 지원 (※ 일부 스킨에서만 사용 가능)	작성간결 간결하고 깔끔한 문법 개발 친화적	티스토리 기본 스킨은 지원 약함 티스토리에선 제한적

 

📌 결론:
복잡한 스타일이나 코드 정리하려면 HTML 모드가 제일 유연하고 안전합니다!
특히 코드 스타일, 표, 글머리 기호, 인라인 강조 등을 꾸미려면 HTML 모드가 거의 유일한 선택이에요.

 

✍️ 2. 마크다운(Markdown)이 뭐야?

마크다운(Markdown)은 HTML처럼 웹문서를 꾸밀 수 있게 해주는 간단한 텍스트 기반 문법이에요.
개발자 문서, 블로그, 깃허브, 노션 등에서 엄청 많이 쓰여요.

 

✅ 예시 비교

목적	마크다운 문법	HTML 태그
제목	##제목	<h2>제목</h2>
굵은글씨	**굵게**	<strong>굵게</strong>
코드	`code`	<code>code</code>
목록	-항목 or 1.항목	<ul><li>gkdahr</li></ul>

 

 

🔍3. 마크다운 vs HTML 특징 비교

 

항목	마크다운	HTML
⏱ 작성 속도	빠르고 직관적	태그 많아 복잡함
👀 가독성	읽기 쉬움	태그가 많아 복잡
🤝 협업	GitHub, Notion 등 완벽 호환	플랫폼마다 다름
🎨 스타일 표현	제한적 (간단 강조 위주, 기본 서식만)	세밀한 스타일 가능
💻 티스토리 호환	❌ 제한적	✅ 완벽 지원됨

 

📝 그래서 결론은:

• 마크다운은 간단한 문서, 깃허브, 노션에 굿
• 초안이나 문서 정리는 마크다운으로 시작하고 
• 티스토리엔 HTML모드 기반으로 마무리하는 걸 권장 
• 티스토리는 HTML 기반이라, 마크다운만으로 글을 쓰면 스타일 깨지기 쉬워요
  → 그래서 “마크다운 느낌 + HTML 구조”로 작성하는 것이 최적

 

🧩 4. 실전 작성 팁: 어떻게 쓰면 가장 유연하게 수정할 수 있어?

 

• ✅ 코드 블록이나 표 스타일링 하려면 HTML 모드에서 작업하기
• ✅<pre>, <code>, <table>엔 인라인 스타일 써야 디자인 유지 (표/코드 등에 인라인 style="" 속성을 활용해 꾸밈)
• ✅ 기본 모드에서는 텍스트 위주로만 작성하고, 꾸미려면 HTML 모드로 넘어간다
• 🚫 마크다운은 붙여 넣어도 티스토리에서 자동 변환되지 않거나 깨질 수 있음

---

✅ 마무리 요약

• 📌 마크다운 문법은 쉽고 강력한 도구
• 📌 하지만 티스토리에는 HTML 모드가 훨씬 더 유연하고 자유롭다
• 📌 내가 원하는 디자인을 살리려면 HTML로 구조를 컨트롤하는 게 중요
• 📌  내 손에 익은 방식을 만들려면 모드별 특징을 알고 쓰는 게 중요함