📝

Markdown 미리보기

Markdown을 실시간으로 미리보고 HTML로 변환합니다.

Markdown

미리보기

Markdown을 입력하면 미리보기가 표시됩니다

📚 Markdown 문법

# 제목 → 제목

**굵게** → 굵게

*기울임* → 기울임

`코드` → 코드

[링크](url) → 링크

- 목록 → 목록

> 인용 → 인용

--- → 구분선

이 도구로 무엇을 할 수 있나요?

Markdown 미리보기 도구는 입력한 Markdown을 즉시 렌더링해 확인하고, HTML로 변환해 복사할 수 있습니다.

•Markdown 실시간 미리보기
•HTML 변환 및 복사
•기본 문법(헤딩/리스트/링크/코드블록) 지원
•예시로 빠른 시작

이런 경우에 유용해요

•README/문서 작성
•블로그 글 초안 작성
•마크다운 문법 학습
•HTML로 변환해 CMS에 붙여 넣기
•개발 중 빠른 디버깅
•테스트 데이터 만들기
•로그/설정 파일 확인
•복사해 코드에 바로 적용

사용 방법

1왼쪽에 Markdown을 입력합니다.
2오른쪽 미리보기로 렌더링 결과를 확인합니다.
3필요하면 예시를 불러와 형식을 참고합니다.
4HTML 복사 버튼으로 결과를 복사합니다.

예시

기본 문법 예시

입력/출력을 확인하고 필요하면 예시를 불러와 바로 실행해 보세요.

입력

# 제목

- 목록
- 목록

```js
console.log('hi')
```

출력

헤딩/리스트/코드블록이 렌더링됩니다.

링크/강조 예시

입력/출력을 확인하고 필요하면 예시를 불러와 바로 실행해 보세요.

입력

**굵게** 와 *기울임*, [링크](https://example.com)

출력

강조와 링크가 렌더링됩니다.

자주 묻는 질문(FAQ)

어떤 문법을 지원하나요?▾

기본 Markdown 문법(헤딩/강조/링크/리스트/코드/인용 등)을 중심으로 지원합니다. 일부 확장 문법은 동작이 다를 수 있습니다.

코드블록은 어떻게 쓰나요?▾

백틱 3개로 감싸는 fenced code 블록을 사용합니다. 예: ``` code ```

HTML 출력은 안전한가요?▾

HTML은 붙여 넣는 대상(CMS/에디터)의 정책에 따라 스크립트 등이 제거될 수 있습니다. 외부 공유 시에는 보안 정책을 확인하세요.

이미지도 표시되나요?▾

Markdown 이미지 문법(![]())을 사용하면 렌더링됩니다. 다만 이미지 URL이 유효해야 합니다.

표(Table)나 체크박스도 되나요?▾

도구가 목표로 하는 범위는 기본 문법입니다. 확장 문법은 지원이 제한될 수 있습니다.

작성한 내용이 서버로 전송되나요?▾

아니요. 브라우저 로컬에서 처리하며 서버로 업로드하지 않습니다.

개인정보/보안

•입력한 데이터는 브라우저 로컬에서 처리됩니다.
•서버로 업로드/저장하지 않도록 설계했습니다.