이 페이지는 figure shortcode와 인라인 이미지를 함께 확인한다.

로컬 리소스

Theme upgrade lab cover
섹션 커버

page bundle 리소스로 넣은 커버 이미지다. 캡션이 본문 리듬을 깨지 않는지 본다.

Theme token diagram
토큰 다이어그램

중앙 토큰 → 컴포넌트 → 실제 화면으로 이어지는 구조를 보여 준다.

인라인 이미지

아래 아이콘은 본문 안에서 줄 높이와 baseline이 유지되는지 확인한다. inline icon 문장 흐름이 끊기면 안 된다.

링크형 figure

pattern
외부가 아닌 로컬 패턴

static 자산을 사용해 배포 시에도 안전하게 렌더되는지 확인한다.

확인 포인트

  • 캡션이 너무 길어도 이미지와 분리되지 않는가
  • 가운데 정렬과 링크형 figure가 함께 있어도 깨지지 않는가
  • 로컬 정적 자산과 page bundle 자산이 함께 보여도 경로가 안정적인가