회의 정리
오늘 정한 것과 다음에 할 일입니다.
정한 것
- 출시일은 다음 달 첫 주
- 가격은
월 9천원월 7천원 - 기획 문서를 기준으로 진행
할 일
- 화면 시안 마무리
- 문구 검토
- 배포 점검
- 회의록 공유
- 일정 등록
결정이 바뀌면 이 문서를 먼저 고치기로 했습니다.
| 항목 | 담당 | 기한 |
|---|---|---|
| 시안 | 지원 | 12일 |
| 문구 | 民수 | 15일 |
tsconst 출시일 = '2026-04-01';Markdown 미리보기
적으면서 바로 결과를 보고, 필요하면 HTML로 가져가세요.
도구를 준비하고 있어요.
이용자 평가
아직 등록된 리뷰가 없어요. 이 도구를 써 보셨다면 첫 리뷰를 남겨 주세요.
Markdown 미리보기 상세 가이드
사용법과 예제를 살펴보고, 궁금한 내용은 주제별로 찾아보세요.
사용법
예제·선택 기준
문제 해결
자주 묻는 질문
시작 전에 한눈에 보기
- 지원 문법
- 제목·강조·취소선·목록·번호목록·체크박스·인용·표·코드·링크·이미지.
- 안전 처리
- 문서 속 HTML과 스크립트를 실행하지 않고 글자로 보여 줍니다.
- 링크 검사
- javascript: 같은 주소는 링크로 만들지 않습니다.
- HTML 내보내기
- 특수문자를 escape한 조각을 만듭니다.
- 목차
- 제목이 둘 이상이면 자동으로 만듭니다.
- 통계
- 글자·단어·줄·제목 수와 대략의 읽는 시간.
- 크기 제한
- 200,000자·20,000줄까지.
- 처리 위치
- 문서를 서버로 보내지 않고 이 브라우저에서만 다룹니다.
Markdown 미리보기 사용 순서
왼쪽에 markdown을 적으세요
직접 적어도 되고 다른 곳에서 복사해 붙여도 됩니다. 처음에는 예시 문서가 들어 있어 문법을 바로 볼 수 있습니다.
오른쪽에서 결과를 보세요
적는 대로 바로 반영됩니다. 제목이 둘 이상이면 위에 목차가 생겨 문서 구조를 한눈에 볼 수 있습니다.
HTML로 바꿔 보세요
HTML 탭으로 옮기면 그대로 붙여 넣어 쓸 수 있는 조각이 나옵니다. 특수문자는 escape되어 있어 깨지지 않습니다.
복사하거나 저장하세요
원문은 .md로, 결과는 .html로 저장할 수 있습니다. 복사 단추로 클립보드에 바로 담을 수도 있습니다.
이런 작업에 활용하세요
남이 준 문서도 안전하게 엽니다
미리보기를 만들 때 HTML 조각을 화면에 꽂는 방식은 문서에 스크립트가 섞여 있으면 그것이 실행될 수 있습니다. 이 도구는 문서를 구조로 읽은 뒤 화면 요소로 직접 그리기 때문에, 문서 안의 태그와 스크립트는 글자로만 보입니다. javascript: 같은 주소는 링크로 만들지 않고 글자만 남깁니다.
문서를 파악하는 정보를 함께 줍니다
제목이 여러 개면 목차를 만들어 문서 구조를 한눈에 보여 주고, 글자·단어·줄 수와 대략의 읽는 시간을 함께 셉니다. HTML로 내보낼 때는 특수문자를 escape해 그대로 붙여 넣어도 깨지지 않는 조각을 만듭니다.
예제로 결과 이해하기
표 정렬
입력·설정
| 항목 | 담당 | 기한 |
| --- | :-: | --: |결과·기대 조건
가운데 정렬과 오른쪽 정렬이 적용된 표문서에 스크립트가 섞인 경우
입력·설정
<script>alert(1)</script>결과·기대 조건
<script>alert(1)</script> (글자로 표시)미리보기를 만드는 두 방식
표를 좌우로 밀어 나머지 내용을 확인하세요.
| 방식 | 문서 속 스크립트 | 이 도구 |
|---|---|---|
| HTML 조각을 화면에 꽂기 | 실행될 수 있음 | 쓰지 않습니다 |
| 구조로 읽어 요소로 그리기 | 글자로만 보임 | 이 방식을 씁니다 |
| HTML로 내보내기 | escape해서 안전한 조각 | 복사·저장에 씁니다 |
결과가 예상과 다를 때
줄바꿈이 사라집니다
이 도구는 문단 안의 줄바꿈을 그대로 살립니다. 다른 곳에 붙였을 때 사라진다면 그쪽이 빈 줄로만 문단을 나누는 방식일 수 있습니다.
표가 표로 안 보입니다
머리글 바로 아래에 --- 로 된 구분선이 있어야 표로 읽습니다. 구분선이 빠졌는지 확인해 주세요.
링크를 눌러도 안 열립니다
javascript: 처럼 위험한 주소는 일부러 링크로 만들지 않습니다. http로 시작하는 주소인지 확인해 주세요.
문서가 너무 길다고 나옵니다
200,000자를 넘었습니다. 장별로 나눠서 확인해 주세요.
알아두면 쉬운 용어
- Markdown
- 기호 몇 개로 문서 서식을 적는 방식입니다. 읽기 쉬운 원문 그대로 쓸 수 있습니다.
- escape
- <나 & 같은 글자를 HTML에서 안전한 표기로 바꾸는 처리입니다.
- 코드 블록
- ``` 세 개로 감싼 부분입니다. 안의 내용은 문법으로 읽지 않습니다.
- 목차
- 문서의 제목만 모아 구조를 보여 주는 목록입니다.
Markdown 미리보기 자주 묻는 질문
어떤 문법을 지원하나요?
제목·굵게·기울임·취소선·목록·번호 목록·체크박스·인용·표·코드 블록·링크·이미지를 지원합니다. 각주나 수식처럼 확장 문법은 아직 다루지 않습니다.
문서가 서버로 올라가나요?
올라가지 않습니다. 읽고 그리는 과정이 모두 이 브라우저 안에서 이뤄집니다.
표 정렬도 되나요?
됩니다. 구분선에 콜론을 넣어 왼쪽·가운데·오른쪽 정렬을 지정할 수 있고, 미리보기와 내보낸 HTML에 모두 반영됩니다.
수식도 되나요?
아직 다루지 않습니다. 각주와 수식은 확장 문법이라 지원 범위 밖입니다.
만든 HTML을 그대로 써도 되나요?
됩니다. 특수문자를 escape하고 위험한 주소를 걸러 낸 조각이라 블로그나 문서 도구에 붙여 넣어 쓸 수 있습니다.
표 안에서 굵게가 되나요?
됩니다. 표 칸 안에서도 굵게·기울임·코드·링크를 쓸 수 있습니다.