마크다운 에디터로 작성한 내용을 어떻게 저장하나요?

하단의 "MD 다운로드" 버튼을 클릭하면 작성한 마크다운을 .md 파일로 저장할 수 있습니다. 또한 "MD 복사" 버튼으로 클립보드에 마크다운 원문을 복사하거나, "HTML 복사" 버튼으로 변환된 HTML을 복사할 수 있습니다. GitHub README, 블로그, 노션 등 다양한 플랫폼에 바로 붙여넣기 가능합니다.

마크다운 에디터에서 표(Table)는 어떻게 작성하나요?

툴바의 "표" 버튼을 클릭하면 3x3 표 템플릿이 자동으로 삽입됩니다. 직접 작성할 때는 | 헤더1 | 헤더2 | 형식으로 헤더 행을 쓰고, 다음 줄에 |---|---| 형식의 구분선을 추가한 뒤 데이터 행을 작성합니다. 콜론(:)으로 정렬을 지정할 수 있습니다: |:---|:---:|----|는 각각 왼쪽, 가운데, 오른쪽 정렬입니다.

마크다운 에디터

README·블로그·노션 초안을 실시간 미리보기로 작성하고, 서식 그대로 복사하거나 .md/.html로 저장하세요. 자동 저장됩니다.

에디터

미리보기

프로젝트 이름

한 줄 소개를 적어 보세요. 왼쪽에서 쓰면 오른쪽 미리보기에 바로 반영되고, 브라우저에 자동 저장됩니다.

Tip

다 쓰면 아래 서식 복사를 눌러 블로그·노션에 그대로 붙여넣거나, .md / .html 파일로 저장하세요.

텍스트 서식

굵게, 기울임, ~~취소선~~, 인라인 코드, Ctrl+B
링크는 툴허브처럼 쓰고, 주소만 적어도 https://toolhub.ai.kr 자동으로 링크가 됩니다.

글머리 목록
- 두 칸 들여쓰면 하위 항목
Enter를 누르면 다음 기호가 자동으로 붙습니다

설치
설정
실행

초안 작성
이미지 붙여넣기 (Ctrl+V)

코드

// 구문 강조
function greet(name) {
  return `Hello, ${name}!`
}

표

기능	단축키	비고
굵게	Ctrl+B	선택 영역 감싸기
링크	Ctrl+K	`[텍스트](URL)`
저장	Ctrl+S	.md 다운로드

각주

마크다운은 2004년 존 그루버가 만들었습니다¹.

GitHub에서 쓰는 확장 문법은 GFM(GitHub Flavored Markdown)이라고 부릅니다. ↩

글자 757공백 제외 588단어 150줄 48읽는 시간 약 1분

Ctrl+B 굵게 · Ctrl+I 기울임 · Ctrl+K 링크 · Ctrl+S .md 저장 · 이미지는 붙여넣기(Ctrl+V)나 끌어놓기로 삽입

문법 요약

기본 문법

# 제목 1 ~ ###### 제목 6
**굵게** *기울임* ~~취소선~~ `코드`
- 목록 (두 칸 들여쓰면 하위 목록)
1. 번호 목록 - [ ] 체크리스트
[링크](https://주소) ![이미지](주소)
> 인용문 --- 구분선

GitHub(GFM) 확장

```언어 … ``` 코드 블록 (구문 강조)
| 열1 | 열2 | 다음 줄 |:--|--:| 로 표·정렬
본문[^1] / [^1]: 각주 내용
> [!NOTE] > [!WARNING] 알림 상자
https://… 주소만 적어도 자동 링크
<kbd>Ctrl</kbd> <sub> <sup> <mark> <br> 사용 가능

이 도구란?

GitHub README, 기술 블로그, 노션 문서 초안을 마크다운으로 쓰면서 결과를 바로 확인하는 편집기입니다. 표·체크리스트·각주·알림 상자 같은 GitHub(GFM) 문법과 코드 구문 강조를 지원하고, 작성 내용은 이 브라우저에 자동 저장됩니다. 완성한 글은 서식 그대로 복사해 블로그·노션에 붙여넣거나 .md·.html 파일로 내려받을 수 있습니다. 모든 처리는 브라우저 안에서만 이뤄지며 서버로 전송되지 않습니다.

사용 방법

1편집 영역에 마크다운을 쓰면 미리보기에 바로 반영됩니다. 모바일에서는 위쪽 편집/미리보기 탭으로 전환하세요.
2서식 도구나 단축키(Ctrl+B 굵게, Ctrl+I 기울임, Ctrl+K 링크)로 선택한 글자를 감쌀 수 있습니다.
3스크린샷을 Ctrl+V로 붙여넣거나 이미지 파일을 끌어다 놓으면 문서 안에 바로 삽입됩니다.
4목차 버튼으로 제목 목록을 보고, 누르면 미리보기의 해당 위치로 이동합니다.
5다 쓰면 서식 복사(블로그·노션), 마크다운/HTML 복사, .md/.html 다운로드 중 필요한 것을 고르세요.

활용 팁

•코드 블록은 ```python 처럼 언어명을 붙이면 키워드·문자열·주석이 색으로 구분됩니다.
•목록 줄에서 Enter를 누르면 다음 기호(-, 2., - [ ])가 자동으로 붙고, 빈 항목에서 한 번 더 누르면 목록이 끝납니다.
•README의 배지는 [![이름](배지 이미지 주소)](링크 주소) 형식으로 씁니다.
•노션에는 서식 복사로, 네이버 블로그·티스토리에는 서식 복사 또는 HTML 복사(HTML 모드)로 붙여넣으세요.
•이미지를 붙여넣으면 base64로 문서에 들어가 파일이 커집니다. 블로그에 올릴 글이라면 이미지는 블로그에서 따로 올리는 편이 낫습니다.

자주 묻는 질문

Q. 마크다운이 뭔가요?

A. #, *, - 같은 간단한 기호로 서식을 지정하는 경량 마크업 언어입니다. GitHub, 노션, 티스토리, 슬랙 등에서 널리 쓰입니다.

Q. 작성한 내용이 자동 저장되나요?

A. 네. 입력을 멈추면 이 브라우저(localStorage)에 자동 저장되고, 다시 열면 이어서 쓸 수 있습니다. 다른 기기나 브라우저와는 공유되지 않으며, 방문 기록·사이트 데이터를 지우면 함께 삭제되니 중요한 글은 .md로 내려받아 두세요.

Q. 이미지를 넣을 수 있나요?

A. 스크린샷을 Ctrl+V로 붙여넣거나 이미지 파일을 끌어다 놓으면 문서 안에 직접(base64) 들어갑니다(2MB 이하). 외부 이미지는 ![설명](이미지 주소) 형식으로 넣으면 됩니다.

Q. 작성한 글이 서버로 전송되나요?

A. 아니요. 변환·저장·내보내기 모두 브라우저 안에서만 처리됩니다. 미리보기는 스크립트와 위험한 링크(javascript: 등)를 막도록 안전하게 변환됩니다.

Q. 줄바꿈이 GitHub과 다르게 보여요.

A. 이 미리보기는 블로그·메모처럼 한 번의 줄바꿈도 그대로 줄을 바꿔 보여 줍니다. GitHub README에서는 한 줄 띄우기(빈 줄)로 문단을 나누거나 줄 끝에 공백 두 칸을 넣어야 줄이 바뀝니다.