단지 이야기 카드
단지를 한눈에 설명하는 짧은 글이에요. 함께 보는 단지 · 허브 링크 카드가 같은 파일에 있어요.
모바일PCStoryCard · UpcomingPeers · HubCards실제 데이터 · 2026-11 기준
고르기#
- 화면 블록(단지·유형 상세)이에요. 공용 부품이 아니라 공용 부품을 조립한 화면 조각이에요. 다른 화면에 같은 일이 필요하면 이 블록을 다시 만들지 말고 정본 부품으로 조립해요.
인터페이스#
타입에서 자동으로 뽑은 표예요.
StoryCard#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| text* | - | string | |
| title | '이 단지 한눈에' | string | 유형 상세는 단위가 '단지'가 아닐 수 있다(법정동·상가·토지) - 부르는 말을 부모가 정한다. |
| sub | - | string | 아래에 덧붙는 한 줄(선택) - 유형 상세의 추세 문장이 여기 온다. |
| className | - | string | 배치용 클래스예요. 모양(색·크기)은 덮어쓰지 않아요. |
UpcomingPeers#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| row* | - | any | |
| peers* | - | any[] | |
| hubHref | - | string |
HubCards#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| row* | - | any | |
| hub* | - | RegionHub | null | |
| peerTabs* | - | PeerTab[] | |
| hubLinks | - | { axis: string; name: string; label: string; href: string; }[] | '이 단지가 속한 묶음' - **존재가 확인된** 허브 링크만. |
| unit | '단지' | string | 집계 단위 - '단지' 또는 '법정동'(토지·상가·단독). 제목·설명이 이 말을 따른다. |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 제목과 값은 글자 그대로 읽혀요.
- 안의 링크·버튼은 Tab으로 옮기고 Enter로 눌러요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |