마크다운 편집기 사용법 — 온라인 MD 에디터 + 개발 도구

이런 경험 없으세요?

README.md 파일을 작성해야 하는데 마크다운 문법이 헷갈리죠. 실시간 미리보기가 필요한데 에디터를 깔기는 귀찮고, Mermaid 다이어그램도 테스트해보고 싶고요.

💡 이럴 때 Well-Editor(웰 에디터)가 딱이에요. 마크다운을 작성하면서 실시간 미리보기, Mermaid 다이어그램, JSON 포매터까지 한 곳에서 쓸 수 있어요.

Well Editor가 뭐예요?

웰컴스 마크다운 편집기는 브라우저에서 바로 쓰는 온라인 마크다운 에디터 + 개발 도구 모음이에요.

👉 Well-Editor 바로 사용하기 →

1. 마크다운 편집

좌측에 마크다운을 작성하면 우측에 실시간으로 렌더링된 결과가 표시돼요.

지원 문법

• 제목: # H1 ~ ###### H6
• 굵기: bold, italic
• 목록: 순서 있음/없음
• 코드 블록: 인라인 code와 펜스 code
• 표: 테이블 생성
• 링크/이미지: text,
• 인용: > blockquote
• 수평선: ---

2. Mermaid 다이어그램

마크다운 안에서 Mermaid 문법으로 다이어그램을 그릴 수 있어요:

• 순서도 (flowchart)
• 시퀀스 다이어그램
• 클래스 다이어그램
• 간트 차트
• 파이 차트

3. 개발 도구

• JSON 포매터: 지저분한 JSON을 보기 좋게 정렬
• Base64 인코딩/디코딩: 문자열 변환
• URL 인코딩/디코딩: URL 특수문자 변환
• HTML 엔티티 변환

4. 내보내기

작성한 마크다운을 다음 형식으로 내보낼 수 있어요:

• .md 파일 다운로드
• HTML 복사
• 클립보드 복사

5. 자주 묻는 질문 (FAQ)

Q: 작성 내용이 저장되나요?
A: 브라우저 localStorage에 자동 저장돼요. 다음에 열어도 내용이 유지됩니다.

Q: 모바일에서도 되나요?
A: 네, 반응형으로 모바일에서도 사용 가능해요.

6. 관련 도구

• Well-Text (글자수 세기) — 작성한 글자수 확인
• Well-Color (색상 변환) — 마크다운에 색상 코드 삽입
• Well-Pic (이미지 편집) — 이미지 편집 후 마크다운에 첨부

마크다운 에디터가 필요할 때마다 앱을 설치하고 계세요?
👉 지금 바로 Well Editor에서 마크다운을 작성하세요 →