엣지 케이스

이 페이지는 “보통은 괜찮은데 아주 긴 입력이 들어오면 어떻게 되는가"를 본다.

긴 제목과 긴 문장

이것은 정말로 아주 길게 이어지는 제목이 들어와도 헤더 높이와 줄 간격이 흔들리지 않는지 확인하기 위한 문장이다. 링크가 하나 더 붙고, inline code 가 중간에 껴들고, 한국어와 English 그리고 日本語 が 함께 있어도 전체 리듬이 무너지면 안 된다.

빈 값과 폴백

• 제목이 비어 있는 경우
• 캡션이 없는 경우
• note 가 없는 CTA
• 이미지가 없는 figure
• 하위 링크가 끊어진 경우

이때도 레이아웃이 무너지지 않고, 가능한 범위에서 기본값이나 빈 상태가 보이면 된다.

잘못된 경로

../does-not-exist 와 같이 상대 경로가 깨진 경우를 빨리 눈으로 확인할 수 있어야 한다. 콘텐츠는 예외를 감추는 것이 아니라, 예외를 빨리 알아차리게 해야 한다.

혼합 언어

확인 포인트

• 긴 문자열이 카드 폭을 밀어내지 않는가
• 빈 상태에서 이상한 여백이 생기지 않는가
• 경로 오류가 조용히 넘어가지 않고 눈에 띄는가