크기가 제각각인 타일을 도시락처럼 짜맞추는 쇼케이스 섹션. span은 정해진 조합(1x1·2x1·1x2·2x2)만 허용해 4열 배치가 깨지지 않는다. 모바일은 1열 풀폭.
검증된 패턴
랜딩에서 반복 검증된 섹션·인터랙션을 자립형으로 적립했습니다. 폴더 하나를 복사하면 바로 동작합니다.
접근성 기본
reduced-motion·no-JS 폴백 포함
토큰 기반
다크 대응
뷰 밖이면 정지
캔버스도 rAF를 반납합니다
SSR 안전
하이드레이션 불일치 없음
의존성 0
span은 1x1·2x1·1x2·2x2 조합만 허용합니다. 자유 입력을 막아 4열 배치가 깨지지 않게 했습니다. 모바일은 전부 1열 풀폭입니다.
다른 패턴과 이어 붙인 화면에서 이 패턴이 어떤 자리에 놓이는지 볼 수 있습니다.