Markup-Rendering

markdown extended 테스트 목적 확장 마크다운 요소가 글의 의미를 해치지 않고 잘 붙는지 확인합니다. 확인 항목 표가 좁은 화면에서 무너지지 않는가 긴 링크와 긴 단어가 줄바꿈 정책을 깨지 않는가 강조와 취소선이 과도하지 않은가 예시 항목 설명 강조 중요한 문장에만 사용 취소선 변경 전후를 보여줄 때만 사용 긴 링크 본문 폭을 확인하는 엣지 케이스

mixed composition 테스트 목적 실제 글은 한 가지 마크업만 쓰지 않습니다. 문단과 표와 이미지와 shortcode가 섞여도 의미 계층이 유지되어야 합니다. 예시 먼저 개요를 읽습니다. 표로 비교합니다. shortcode로 보조 정보를 확인합니다. 이미지로 레이아웃을 검증합니다. 혼합 구성여러 마크업이 섞여도 본문 흐름이 유지되어야 합니다. ...

theme shortcodes 테스트 목적 테마 shortcode는 디자인 시스템과 연결되어야 합니다. 토큰, spacing, 색상, 레이아웃 가정을 별도로 유지하지 않는지 확인합니다. 예시 다음 검증 페이지 보기 ...

edge cases 테스트 목적 UI는 정상 입력에서만이 아니라 엣지 케이스에서 얼마나 버티는지로 품질이 드러납니다. 확인 항목 아주 긴 URL이 줄바꿈을 망치지 않는가 한 줄짜리 강한 강조가 과도하지 않은가 영문과 한글이 뒤섞인 긴 단어가 넘치지 않는가 예시 This page keeps long URLs and English phrases readable even when the surrounding content is in Korean. 이 짧은 예시는 오른쪽 방향 컨테이너도 레이아웃을 깨지 않는지 확인하기 위한 메모입니다.

markdown basic 테스트 목적 제목, 문단, 목록, 인용, 코드 블록 같은 기본 마크다운 요소가 깨지지 않고 렌더링되는지 확인합니다. 확인 항목 heading 계층이 자연스러운가 list와 blockquote가 본문 리듬을 해치지 않는가 inline code와 code block이 명확히 구분되는가 예시 이 인용은 본문과 같은 폭 안에서 읽혀야 합니다. ...

built-in shortcodes 테스트 목적 Hugo 기본 shortcode는 문서 구조와 별개로 동작해야 합니다. figure, details, raw HTML, embed 계열이 본문 안에서 안전하게 렌더링되는지 봅니다. 예시 figure 예시이미지 shortcode가 본문 레이아웃을 깨지 않아야 합니다. ...