100% 프라이빗 — 모든 처리가 브라우저에서
마크다운 주석 — HTML 주석 문법과 미리보기
마크다운에 <!-- 메모 -->라고 쓰면 소스에는 남고 페이지에서는 사라집니다. 숨김 처리된 마크다운 주석 예제를 실시간으로 편집해 보세요.
MD Viewer 팀
Visible text
마크다운 주석은 HTML 주석을 용도만 바꿔 쓴 기법입니다. 소스에 <!-- 여러분의 메모 -->라고 쓰면 렌더러는 완성 페이지에서 그것을 숨기고 파일에는 남겨 둡니다. 위의 놀이터가 이 동작의 양면을 나란히 보여줍니다. 소스 패널에는 마크다운 주석이 있고 미리보기 패널에는 없습니다. 마커 사이의 텍스트를 편집하면 숨은 메모가 바뀌면서도 렌더링 결과에는 절대 나타나지 않는 것을 볼 수 있습니다.
마크다운 주석은 파일에는 필요하지만 페이지가 보여서는 안 되는 것들을 위한 것입니다. 검토 메모, TODO, 이후 편집자를 위한 지시, 다시 쓰는 동안 잠시 뺀 섹션, 템플릿이 어떤 필드를 받는지에 대한 알림. 마크다운 주석은 파일 안의 날 텍스트이므로 버전 관리, diff, grep, 검색을 모두 살아남습니다. 렌더러가 아니라 동료에게 남기는 메모입니다.
이 기법에는 정직한 경고 두 가지가 따라옵니다. 첫째, 마크다운 주석은 비공개가 아닙니다. 날 파일이나 페이지 소스를 여는 사람은 누구나 볼 수 있으므로, 비밀, 자격 증명, 미공개 공지를 넣으면 안 됩니다. 둘째, HTML 전체를 걸러내는 렌더러는 주석까지 걸러냅니다. 해롭지는 않지만 메모는 예상보다 일찍 사라집니다. 아래 예제는 블록 형식과 인라인 형식을 모두 다룹니다.
마크다운 주석 구문 참조
| 입력 | 결과 |
|---|---|
| <!-- 메모 --> | 자기 줄의 마크다운 주석. 미리보기에서 숨겨짐 |
| 텍스트 <!-- 메모 --> 텍스트 | 보이는 단어 사이에 숨는 인라인 주석 |
| <!-- 1행 2행 --> | 여러 줄에 걸친 주석 |
| <!-- **초안** --> | 주석 안의 서식도 숨겨짐 |
| <!-- (닫는 마커 없음) | 깨진 주석. 이후 파일 전체가 사라질 수 있음 |
마크다운 주석 쓰는 법
- 1
<!-- 로 열기
여는 마커를 숨길 내용의 시작에 둡니다. 블록 마크다운 주석이라면 행 시작에, 인라인 메모라면 문장 중간에.
- 2
메모 쓰기
마커 사이의 모든 것이 마크다운 주석입니다. 날 텍스트, 마크다운 서식, 초안 문단조차 아무것도 렌더링되지 않습니다.
- 3
--> 로 닫기
닫는 마커는 필수입니다. 닫히지 않은 마크다운 주석은 뒤따르는 모든 문자를 삼킵니다. 주석으로 페이지를 부수는 가장 흔한 경로입니다.
- 4
미리보기로 확인
소스 패널에는 메모가 보이고 미리보기에서는 사라졌는지 확인하세요. 이 분할 뷰가 실제 문서 파이프라인에서 마크다운 주석이 동작하는 방식 그 자체입니다.
마크다운 주석은 어디에 쓰나
마크다운 주석의 가장 강한 용도는 편집입니다. 필요한 곳에 지시를 남기는 것. 템플릿은 모든 섹션 위에 <!-- 아래 API 키 칸을 채우세요 -->를 달 수 있고, 변경 이력은 미공개 항목 옆에 <!-- 항목 작성 완료, 법무 검토 대기 -->를 둘 수 있으며, 긴 README는 오래된 섹션을 지우는 대신 주석 처리로 역사를 보존할 수 있습니다. 텍스트는 파일에 남으므로 git blame이 귀속을 보여 주고, 이후 편집자는 마커만 지우면 내용을 복원합니다.
두 번째 용도 집단은 구조적입니다. 디버깅 중 망가진 코드 펜스를 잠시 빼두기, 숫자가 확정될 때까지 초안 표를 숨기기, 생성된 목차가 들어갈 자리 표시하기 — 모두 마크다운 주석의 자연스러운 일입니다. 반면 주석이 되어서는 안 되는 것은 보안 장치입니다. 내용은 공개된 파일과 함께 배포됩니다. 모든 마크다운 주석은 표시되는 예의만 갖춘 공개 텍스트로 취급하세요.
공유 저장소에서 마크다운 주석은 다음 편집자에게 보내는 메시지입니다. 날짜를 넣고, 이니셜을 넣고, 다음에 무엇을 해야 하는지 쓰세요. <!-- TODO(mia): 3분기 출시 전 가격 확인 -->은 <!-- 확인 -->보다 1년을 더 삽니다. 일이 끝났으면 비석으로 고쳐 쓰는 대신 마크다운 주석 전체를 지우세요. 역사는 버전 관리의 몫이지 주석 퇴적물의 몫이 아닙니다.
마크다운 주석의 실수
<!-- 닫히지 않은 메모
<!-- 닫힌 메모 -->
닫히지 않은 주석은 그 뒤의 모든 것 — 이때로는 파일 나머지 전부 — 을 숨깁니다. 마크다운 주석은 반드시 닫으세요.
<!--> 함정 마커 -->
<!-- 단순한 메모 -->
<!-- 바로 뒤의 >는 주석을 즉시 닫아 나머지가 보이는 텍스트로 샙니다. 여는 마커 뒤에는 공백을 두세요.
주석에 API 키 저장
비밀은 마크다운에 넣지 않기
마크다운 주석은 날 파일을 읽는 모두에게 보입니다. 암호화도 접근 제어도 아닙니다.
주석은 내려받은 파일에도 남습니다
이 페이지에서 복사하거나 내려받으면 마크다운 주석이 바이트 단위로 보존됩니다. 숨기는 것은 렌더링뿐이며, 저장한 파일은 열었던 파일과 동일합니다.
주석을 건강하게 유지하는 법
주석이 쌓이는 속도는 문서가 자라나는 속도만큼 빠릅니다. 분기마다 한 번, TODO와 FIXME 접두어로 시작하는 마크다운 주석을 검색해 그 시점의 상태를 확인하는 습관을 들이세요. 끝난 일은 마커째 지우고, 여전히 유효한 메모는 날짜를 갱신해 주세요.
주석은 문서의 안내판이지만 지도가 아닙니다. 세 문서 이상에 걸쳐 반복되는 안내라면 주석 대신 문서 상단의 안내 섹션으로 옮기는 편이 낫습니다. 한 곳에서만 필요한 짧은 메모 — 그것이 마크다운 주석이 가장 잘하는 일입니다.
주석과 삭제의 경계도 기억해 두세요. 지워도 되는 역사라면 버전 관리의 커밋에 맡기는 것이 옳고, 문서를 읽는 동안 필요한 안내라면 본문으로 승격시키는 것이 옳습니다. 주석은 그 두 사이, 즉 지금은 조용히 있지만 나중에 다시 필요할 수 있는 정보의 임시 거처입니다.
주석 문화는 팀마다 다르지만 좋은 문서는 결이 비슷합니다. 주석은 짧고, 명확하고, 지워질 날을 알고 있습니다. 이 세 가지가 갖춰진 주석은 문서의 조용한 보조석이 되고, 갖춰지지 않은 주석은 언젠가 문서의 짐이 됩니다. 쌓이기 전에 다듬는 습관이 그 차이를 만듭니다.
주석을 읽는 미래의 자기 자신을 동료로 생각하세요. 반년 뒤의 나는 오늘의 맥락을 잊은 채 파일을 열고, 주석이 말을 걸어 옵니다. 그때 반가울 메모인지를 판단 기준으로 삼으면 주석의 양과 질이 저절로 정리됩니다.
자주 묻는 질문
출처 및 사양 인용
“Comments must start with the four character sequence U+003C LESS-THAN SIGN, U+0021 EXCLAMATION MARK, U+002D HYPHEN-MINUS, U+002D HYPHEN-MINUS (<!--).”
“Raw HTML (and thus, HTML comments) is passed through unaltered — but the rendered output is the browser’s decision.”