본문 바로가기

Markdown 줄바꿈 시각화기

브라우저 처리

Markdown 각 줄이 다음 줄과 이어지는지(연결), 강제 줄바꿈인지(강제), 문단 끝인지(끝)를 줄 번호와 함께 표시합니다. 줄 끝 공백은 ·로 보여 줍니다.

사용 전 확인
  • 파일·이미지·문서 처리 도구는 브라우저 안에서 처리되더라도 원본에 개인정보나 민감 정보가 포함될 수 있습니다. 공유·제출 전 원본과 결과를 한 번 더 확인하세요.
도구 실행입력 후 결과 확인
Markdown 줄바꿈 시각화기 샘플 실행

Markdown에서 그냥 Enter로 줄을 바꾸면 화면에서는 앞줄과 한 문장으로 이어집니다. 줄을 정말 나누려면 줄 끝에 공백 두 칸이나 \를 넣어야 하는데, 공백은 눈에 보이지 않아 '왜 줄이 안 바뀌지?' 하는 일이 잦습니다. 이 시각화기는 줄마다 어떻게 처리되는지 표시해 줍니다.

브라우저 처리
샘플 결과
1 강제 │ 첫 줄··
  2 연결 │ 둘째 줄
  3 끝   │ 셋째 줄
  4 빈줄 │ 
  5 끝   │ - 목록
  6 코드 │ ```
  7 코드 │ 코드
  8 코드 │ ```
자바스크립트가 활성화되면 이 영역이 실제 입력, 실행, 결과 패널로 바뀝니다.

Markdown 줄바꿈 시각화기 사용 가이드

Markdown에서 그냥 Enter로 줄을 바꾸면 화면에서는 앞줄과 한 문장으로 이어집니다. 줄을 정말 나누려면 줄 끝에 공백 두 칸이나 \를 넣어야 하는데, 공백은 눈에 보이지 않아 '왜 줄이 안 바뀌지?' 하는 일이 잦습니다. 이 시각화기는 줄마다 어떻게 처리되는지 표시해 줍니다.

각 줄 앞에 번호와 함께 '강제'(공백 두 칸 이상 또는 \로 끝나 줄이 바뀜), '연결'(다음 줄과 한 문단으로 이어짐), '끝'(빈 줄·제목·목록·코드가 이어져 문단이 끝남), '빈줄', '코드'(코드 블록 안)를 붙입니다. 줄 끝의 공백은 ·, 탭은 →로 바꿔 보여 줍니다.

한국어 블로그에서 시처럼 줄을 나눠 쓴 글이 한 줄로 붙어 보이는 원인을 찾을 때 특히 유용합니다.

사용 방법

  1. '.md·.txt 파일'에서 문서를 고르거나 'Markdown 내용'에 줄바꿈을 확인할 부분을 붙여 넣습니다.
  2. '실행'을 누르면 줄마다 번호, 처리 방식, 내용이 나옵니다.
  3. 줄을 나누고 싶은데 '연결'로 나온 줄은 끝에 공백 두 칸이나 \를 넣고 다시 확인합니다.

예시: 강제 줄바꿈과 이어지는 줄

입력
첫 줄  
둘째 줄
셋째 줄

- 목록
```
코드
```
결과
  1 강제 │ 첫 줄··
  2 연결 │ 둘째 줄
  3 끝   │ 셋째 줄
  4 빈줄 │ 
  5 끝   │ - 목록
  6 코드 │ ```
  7 코드 │ 코드
  8 코드 │ ```

2행은 3행과 한 문장으로 이어지고, 1행은 끝의 공백 두 칸(··) 때문에 줄이 바뀝니다.

이럴 때 쓰면 좋아요

  • 블로그 원고에서 줄을 나눴는데 한 줄로 붙어 보일 때
  • 시·가사처럼 줄 구분이 중요한 글을 Markdown으로 옮길 때
  • 줄 끝에 남은 보이지 않는 공백을 찾을 때
  • 편집기가 공백을 지워 강제 줄바꿈이 사라졌는지 확인할 때

문제가 생겼을 때

포맷터를 돌렸더니 강제 줄바꿈이 사라짐

많은 편집기와 포맷터가 줄 끝 공백을 지웁니다. 공백 두 칸 대신 줄 끝에 \를 쓰면 지워지지 않고 같은 효과를 냅니다.

목록 줄이 '끝'으로 나옴

목록 항목은 줄마다 별도 항목이라 줄바꿈 처리가 필요 없습니다. '끝'은 다음 줄이 새 블록이라는 뜻이니 정상입니다.

활용 팁

  • GitHub와 일부 사이트는 댓글·이슈에서 Enter만으로도 줄을 바꿔 보여 줍니다. 문서(README)에서는 기본 규칙이 적용되니 이 도구로 확인하세요.
  • 문단을 나누려면 강제 줄바꿈 대신 빈 줄을 하나 두는 것이 가장 확실합니다.

자주 묻는 질문

'연결'과 '끝'은 무엇이 다른가요?

'연결'은 다음 줄이 같은 문단이라 한 줄로 붙는다는 뜻이고, '끝'은 다음 줄이 빈 줄·제목·목록·코드처럼 새 블록이라 문단이 끝난다는 뜻입니다.

제목 줄도 강제 줄바꿈이 필요한가요?

아니요. 제목은 한 줄 자체가 블록이라 항상 '끝'으로 표시됩니다.

결과의 · 기호를 그대로 복사해도 되나요?

아니요. ·와 →는 보이게 하려고 바꾼 표시입니다. 원고는 원래 내용으로 고치세요.