패턴 — 컴포넌트를 화면으로 조합하기

컴포넌트는 부품입니다. 부품 목록만 있으면 “버튼은 어떻게 생겼나”는 알아도 “이 화면을 어떻게 짜야 하나” 는 모릅니다. 패턴이 그 자리를 채웁니다.

패턴은 강제가 아니라 검증된 출발점입니다. 구조는 앱 소관입니다(DS §2-5). 다만 여기 적힌 규칙(색+글자 병기, 오류 문장, 하단 탭바 5개 등)은 지켜주세요 — 그건 값 규칙입니다.

시험 결과 · 규격 대비 측정값 · 흑백 인쇄 대응

가장 많이 만드는 화면. 찾기 → 좁히기 → 고르기 → 처리

입력받고 · 틀린 걸 알려주고 · 저장하기

데이터가 있기 전 · 없을 때 · 일이 끝난 뒤

하단 탭바 vs 드로어 — 판단 기준

다섯 개 한눈에 보기

위 화면들은 그림이 아니라 실물입니다. 정본 jt-tokens.css와 jt-utilities.css를 그대로 불러와 그립니다.

화면 하나가 여러 패턴을 겹쳐 쓰는 것이 정상입니다. 목록 화면은 ②를 쓰면서 데이터가 없으면 ④의 빈 상태로 갈아탑니다.