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

## 이런 경험 없으세요?

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

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

## Well Editor가 뭐예요?

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

👉 [**Well-Editor 바로 사용하기 →**](https://www.wellcoms.co.kr/markdown-editor/)


## 1. 마크다운 편집

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

### 지원 문법

- **제목**: # H1 ~ ###### H6
- **굵기**: **bold**, *italic*
- **목록**: 순서 있음/없음
- **코드 블록**: 인라인 `code`와 펜스 ```code```
- **표**: 테이블 생성
- **링크/이미지**: [text](url), 
- **인용**: > 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 (글자수 세기)](https://www.wellcoms.co.kr/text-counter/)** — 작성한 글자수 확인
- **[Well-Color (색상 변환)](https://www.wellcoms.co.kr/color-converter/)** — 마크다운에 색상 코드 삽입
- **[Well-Pic (이미지 편집)](https://www.wellcoms.co.kr/wellpic/)** — 이미지 편집 후 마크다운에 첨부

---

*마크다운 에디터가 필요할 때마다 앱을 설치하고 계세요?*

👉 [**지금 바로 Well Editor에서 마크다운을 작성하세요 →**](https://www.wellcoms.co.kr/markdown-editor/)