카테고리_테스트

MarkdownTest

2026년 01월 15일

본문 테스트입니다.

🧪 마크다운 디자인 테스트 (Notion Style)

이 문서는 게시판의 가독성과 스타일을 체크하기 위한 테스트 문서입니다. 노션에서 작성된 글이 웹사이트에서 어떻게 표현되는지 확인하세요.

1. 텍스트 기본 스타일

일반 본문 텍스트입니다. 노션처럼 굵은 글씨기울임, 그리고 인라인 코드가 어떻게 보이는지 확인해 보세요. 문단 사이의 행간이 적절한지 보는 것이 포인트입니다.

문장이 길어질 경우를 대비해 테스트 문장을 추가합니다. 이 문장은 행간(Line-height)이 너무 답답하거나 너무 넓지 않은지 확인하기 위한 용도입니다.


2. 인용구와 콜아웃 (핵심 가독성)

인용구 스타일 체크
노션의 기본 인용구(>)입니다. 왼쪽의 얇은 보더 라인이 본문과 잘 구분되는지, 그리고 내용이 본문보다 너무 뒤로 밀려나지 않았는지 확인하세요.

💡 콜아웃(Callout) 테스트
이것은 HTML 태그를 활용한 강조 박스입니다. 배경색이 연한 회색으로 잘 들어오는지, 아이콘과 텍스트 사이의 간격이 적절한지 확인해 보세요.
📘 정보 알림
파란색 배경의 콜아웃입니다. 중요한 가이드나 공지사항을 강조할 때 노션에서 자주 쓰이는 스타일입니다.

3. 리스트 및 계층 구조

글의 구조를 잡을 때 가장 중요한 리스트 스타일입니다.

  • 첫 번째 항목: 불렛 포인트의 모양과 위치
  • 두 번째 항목: 글자 사이의 세로 간격
    • 하위 리스트 들여쓰기 너비가 적절한가?
    • 하위 리스트의 불렛 모양이 변하는가?
  • 세 번째 항목: 긴 문장이 들어갔을 때 다음 줄의 정렬 상태가 깔끔한지 확인합니다.
    1. 숫자 리스트 첫 번째 항목
    2. 숫자 리스트 두 번째 항목

4. 코드 블록 및 이미지

// 코드 블록 가독성 테스트
function checkNotionStyle() {
  const isPretty = true;
  if (isPretty) {
    console.log("디자인이 깔끔하게 적용되었습니다.");
  }
}