블로그

블러 처리된 이미지 — 클릭하여 원본 보기보안 검토 예시편집용 예시 이미지 OpenAI Design Team ...

블러 처리된 이미지 — 클릭하여 원본 보기보안 검토 예시편집용 예시 이미지 OpenAI Design Team ...

Info Surface Checklist 테스트 목적 설정, 렌더, 접근성, 반응형, 삭제 가능성을 한 번에 점검합니다. 읽는 소스 theme registry, page links, render result 정상 결과 체크 항목이 실제 페이지와 연결되어야 합니다. 실패 기준 목록만 있고 실제 검증이 없는 경우. ...

Info Surface Overview 테스트 목적 설정 → 데이터 → 템플릿 → JS → CSS → 결과 흐름이 한 화면에서 이어지는지 확인합니다. 읽는 소스 theme registry, color system, header toggle, lab partial/shortcode, render output 정상 결과 현재 적용값과 실제 렌더 프리뷰가 동시에 보여야 합니다. ...

Info Surface Removal 테스트 목적 독립 삭제가 가능한지 확인합니다. 읽는 소스 theme registry, lab-only assets, removal scope 정상 결과 공용 기능과 번들 전용 기능의 경계가 분명해야 합니다. 실패 기준 번들 삭제만으로 공용 기능이 깨지는 경우. ...

taxonomy term 테스트 목적 term 페이지는 하나의 분류 안에 묶인 글을 적절한 밀도로 나열해야 합니다. 분류명만 보이고 글 목록이 깨지면 의미가 없습니다. 확인 항목 term 제목이 분명한가 관련 글 목록의 밀도가 적절한가 메타 정보가 지나치게 길지 않은가 기대 결과 사용자는 term 페이지에서 주제를 한 번 더 확인하고, 다음 글로 자연스럽게 이동할 수 있어야 합니다. ...

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

spacing layout 테스트 목적 spacing은 요소 간 거리뿐 아니라 페이지의 호흡을 결정합니다. 같은 페이지 안에서도 섹션과 카드와 본문이 서로 다른 리듬을 가져야 합니다. 확인 항목 제목과 본문 사이 간격이 일관적인가 카드 목록의 밀도가 적절한가 모바일에서 여백이 너무 좁거나 넓지 않은가 판정 간격이 일정하면 정보 계층이 보이고, 간격이 무너지면 아무리 좋은 콘텐츠도 조립품처럼 보입니다. ...

search 테스트 목적 검색은 기능이 보이지 않을 때도 많지만, 막상 사용하면 UI 품질이 바로 드러나는 페이지입니다. 입력 상태, 결과 없음, 결과 목록을 모두 확인합니다. 확인 항목 검색 입력이 명확하게 보이는가 결과 없음 상태가 무너짐 없이 표시되는가 결과가 많아져도 정렬과 탐색이 가능한가 언어별 검색이 예상한 대로 동작하는가 기대 결과 검색은 조용하지만 신뢰가 높아야 합니다. 아무 결과가 없어도 사용자가 다음 행동을 선택할 수 있어야 합니다. ...

verification log 목적 이 문서는 랩 검증 중에 남기는 결과 기록입니다. 언제 무엇을 확인했고, 무엇이 통과 또는 실패였는지를 간단하지만 재현 가능하게 적습니다. 기록 항목 항목 내용 날짜 검증한 시점 범위 확인한 섹션과 페이지 결과 통과 / 주의 / 실패 메모 재현 가능한 참고 사항 예시 메모 20-page-types: home과 section list가 정상 30-components: buttons와 cards는 통과 40-markup-rendering: raw HTML은 주의 필요