마크다운으로 복사링크 공유

빠른 스크리너

홈의 짧은 스크리너예요. 지역 · 가격 · 세대수를 몇 번 눌러 걸러요.

모바일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가 켜지고, 키보드 초점 링이 보여요.