컴포넌트 갤러리

§5 시각 문법이 실제로 한 벌인지 눈으로 확인하는 페이지

primitives

TimeBadge
StudioBadgeS1S2S3S4
ChannelDot부티플달투
StatusIcon
MarkerDot
PersonChip성윤정미휴가혜경오후 반차세연재택
AvatarStack+2+12
CountDots537?252?14
TagChipPPL1인촬영책홍보
SectionLabel
촬영4

cards — ShootCard (variant: list)

이상건S1
부티플래학
출연료 30백열 제거
자나S3
달란트투자
홍대선S3
달란트투자

확정 / 미확정(tentative) / 충돌 — 같은 파일, variant·상태만 다르다

cards — PublishCard (variant: list)

신한7월박수민
달란트투자혜경
PPL
이현준 풀
조한범수빈
단독 0715-3
아사연수빈
신한7월박수민
달란트투자혜경
PPL

예정 / 게시 완료(흐림+체크, 시간 필 제거) / 시간 미정(필 없음) / 충돌

cards — 배너·오버레이·스트립

팀장들 광고업무 교육15:0016:00
전체회의 (17일 대체)10:3011:30
두꺼비 잡으면 안되는 날
대체공휴일(광복절)
대체공휴일(광복절)
휴무일 — 대체공휴일(광복절)

HolidayOverlay 한 파일이 셀·컬럼·타임라인 세 곳을 모두 담당한다

cards — AbsenceBar (grid-column span)

세연 휴가
세연 오후 반차

timeline — 09:00–19:00 축

789101112131415161718192021222324
1번
이상건
2번
4번
마감 직전
부티플
신한7월박수민

1번 레인의 음영은 오후 반차(13:00–18:00) 구간 — 구간 안 카드가 충돌로 보이게 한다

timeline — 축 양끝 필 (회귀 케이스)

789101112131415161718192021222324
달란트투자
장우진 3부
김정호
0730 단독 2부
원픽리포트
미래의창 책홍보 풀버전

09:00 · 14:00 · 21:00 모두 좌표에 중심 정렬. 양끝 필이 들어갈 자리는 축을 07:0000:00로 넓혀 확보했다. 정렬 기준이 위치에 따라 달라지거나, 레인 라벨을 덮거나, 오른쪽이 잘리면 회귀다.

채널 팔레트 (11)

부티플두꺼비두껍아사연아사연원픽리포트원픽달란트투자달투조한범조한범김정호김정호시한책방시한부자해커부자해커주머니주머니이춘근이춘근최석재최석재