항목

List

연결된 항목을 한눈에 살펴보세요.

섹션 목록

section list 테스트 목적 섹션 목록은 하위 페이지의 질서를 보여 줍니다. 제목, 요약, 카드, 메타가 과도하지 않으면서도 충분히 읽혀야 합니다. 확인 항목 목록 정렬이 예측 가능한가 빈 섹션 상태에서도 UI가 무너지지 않는가 하위 페이지의 요약이 과도하게 길지 않은가 기대 결과 목록 페이지는 많은 정보를 한 화면에 넣는 대신, 사용자가 다음 단계를 고를 수 있게 도와야 합니다. ...

1분 읽기

taxonomy 목록

taxonomy list 테스트 목적 카테고리와 태그의 목록 허브가 값이 없을 때도 화면을 깨지 않는지 확인합니다. 확인 항목 term이 많아졌을 때 정렬이 유지되는가 빈 상태 메시지가 적절한가 다국어에서 taxonomies가 같은 문맥으로 보이는가 기대 결과 taxonomy list는 글을 모으는 허브이면서, 항목이 없을 때도 안내만 남기고 붕괴되지 않아야 합니다. ...

1분 읽기

03-heading-and-list

STEP상담 신청절차 안내 제목과 목록이 섞인 본문 예시입니다. 확인 순서 접수 검토 회신 {{< cta kind="consult" label="상담 신청" href="/contact/" ref="/blog/" intent="consult" priority="primary" surface="after-content" size="md" tone="success" align="center" target="_self" rel="" note="제목과 목록이 섞인 본문 예시입니다." subtitle="절차 안내" aria_label="상담 신청" badge="STEP" tracking_id="cta-body-03" analytics_event="cta_body_list" id="cta-body-list" class="is-content" compact="false" disabled="false" >}} ### 확인 순서 1. 접수 2. 검토 3. 회신 {{< /cta >}}

1분 읽기