[FE-34] 웹 시설 상세 탭 통합 (통합 티켓)
작업 내용 (설계 의도)
변경 사항
공통 파일 와이어업 — web/app/portal/facilities/[id]/page.tsx에 탭을 배선한다(Single Writer — 이 파일은 이 티켓만 수정).
- shadcn Tabs로
[정보|운영시간|휴무일|시설상품]구성. 정보 탭은 기존 FacilityForm/AirQualityCard 유지. - 운영시간·휴무 탭 →
OperatingHoursForm·HolidaySection(FE-31) 마운트. - 시설상품 탭 →
ProgramSection(FE-32) 마운트. - 색은 Tailwind 시맨틱 클래스, 다크 토글(FE-27) 배선 완료 전제로 라이트/다크 확인.
근거: design-fe-web 컴포넌트 트리. 롤백: 신규 탭 렌더 제거(정보 탭 무변경).
의존
- FE-31 (운영시간·휴무 섹션), FE-32 (시설상품 섹션), FE-27 (다크 토글)
다이어그램
클래스 의존
flowchart LR Page["facilities/[id]/page"] --> Tabs["shadcn Tabs"] Page --> OH["OperatingHoursForm (FE-31)"] Page --> HD["HolidaySection (FE-31)"] Page --> PG["ProgramSection (FE-32)"]
테스트 케이스
- 4개 탭(정보/운영시간/휴무일/시설상품)이 렌더되고 전환된다
- 각 탭 선택 시 해당 섹션 컴포넌트가 마운트된다
- 기존 정보 탭(FacilityForm/AirQualityCard)이 무변경이다(회귀)
- 라이트/다크 시맨틱 클래스로 렌더된다