빠른 스크리너
홈의 짧은 스크리너예요. 지역 · 가격 · 세대수를 몇 번 눌러 걸러요.
모바일PCQuickScreen실제 데이터 · 2026-11 기준
고르기#
- 화면 블록(스크리너)이에요. 공용 부품이 아니라 공용 부품을 조립한 화면 조각이에요. 다른 화면에 같은 일이 필요하면 이 블록을 다시 만들지 말고 정본 부품으로 조립해요.
인터페이스#
타입에서 자동으로 뽑은 표예요.
QuickScreen#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| ranking* | - | Row[] | |
| brands* | - | any | |
| regionRows | - | Row[] | 지역 트리 전용 rows - **아파트 전국 명단**. ranking은 유형을 고르면 그 지역만 담긴다. |
| listKind | - | string | |
| setListKind | - | (k: string) => void | |
| typeIndex | - | Record<string, { label?: string; deal?: string; unit?: string; all?: number; }> | |
| regions* | - | string[] | |
| setRegions* | - | (r: string[]) => void | |
| ranges* | - | Ranges | |
| setRanges* | - | Dispatch<SetStateAction<Ranges>> | |
| bands* | - | BandSel | |
| setBands* | - | Dispatch<SetStateAction<BandSel>> | |
| redev* | - | boolean | |
| setRedev* | - | Dispatch<SetStateAction<boolean>> | |
| brandFilters* | - | string[] | |
| setBrandFilters* | - | (u: string[]) => void | |
| builderFilters* | - | string[] | |
| setBuilderFilters* | - | (n: string[]) => void | |
| lineFilters | - | string[] | |
| setLineFilters | - | (n: string[]) => void | |
| stationFilters | - | string[] | |
| setStationFilters | - | (n: string[]) => void | |
| airportFilters | - | string[] | |
| setAirportFilters | - | (n: string[]) => void | |
| roadFilters | - | string[] | |
| setRoadFilters | - | (n: string[]) => void | |
| icFilters | - | string[] | |
| setIcFilters | - | (n: string[]) => void | |
| schoolFilters | - | string[] | |
| setSchoolFilters | - | (n: string[]) => void | |
| resultCount | - | { n: number; cond: number; } | |
| onTogglePopout | - | () => void | |
| popped | - | boolean |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 버튼·입력은 Tab으로 옮기고 Enter·Space로 골라요.
- 고른 상태는 aria-pressed·aria-checked로 알려요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |