반응형 웹 점검 흐름
반응형 웹은 화면 폭마다 새 디자인을 만드는 것이 아니라 같은 정보 구조가 폭에 맞게 재배치되는지 확인하는 과정이다.
| 단계 | 확인할 것 | 좋은 상태 | 고칠 신호 |
|---|---|---|---|
| Content first | 가장 중요한 정보가 먼저 보이는가 | 모바일 첫 화면에서도 핵심 파악 | 장식과 여백이 먼저 보임 |
| Fluid width | 컨테이너와 미디어가 폭에 맞는가 | max-width와 비율 유지 | 가로 overflow |
| Breakpoint | 열 수와 간격이 언제 바뀌는가 | 콘텐츠가 답답해질 때 전환 | 기기 이름 기준 breakpoint |
| Touch | 버튼과 링크가 누르기 쉬운가 | 충분한 간격과 크기 | 작은 아이콘만 클릭 가능 |
| Regression | 중간 폭과 다크 모드도 확인 | desktop/mobile 모두 일관 | 한 폭만 맞추고 다른 폭 깨짐 |
반응형 검수는 화면 크기별 스크린샷보다 콘텐츠 우선순위, overflow, 조작 가능성을 함께 보는 일이다.