Mina Choi
64ce467f21
도메인별 스키마(company·place·fact·local·site·job)를 걷어내고 public 한 벌로 폈다.
스키마 한정자가 붙은 순간부터 ORM·raw SQL·테스트 픽스처가 각자 그 이름을 들고 다녀야 했다.
- 공용 콘텐츠를 한 테이블로 되돌린다. spots·region_stories 를 따로 파 놓고 보니
같은 성격이 세 곳으로 갈라져 있었다 — `area_contents` 가 처음부터 content_type 으로
종류를 가르는 설계였고 그걸 쓰면 됐다. 관계(거리·숨김)만 `place_area_refs` 로 남긴다.
- migrations/ + scripts/migrate.py: `init.sql` 은 **DB 를 처음 만들 때만** 돈다. 파일에
컬럼을 더해도 이미 데이터가 든 DB 에는 반영되지 않는다 — 실제로 TourAPI 가 주변 정보를
받아 와도 저장할 곳이 없어 축제·맛집이 0건이었고, 화면에는 "그냥 안 나오는 것" 으로만 보였다.
DECISIONS.md 가 예고한 그대로다("운영 DB 가 생기는 순간 다시 필요해진다").
Alembic 을 쓰지 않는 이유는 스키마 정의가 이미 두 곳(ORM·init.sql)이라 세 번째를
더하면 어긋날 자리가 하나 더 생기기 때문이다.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import type {ReactNode} from 'react';
|
|
|
|
/**
|
|
* 파스텔의 섹션 제목 — 판 **가운데**에 굵고 큼직하게.
|
|
*
|
|
* ★ @/lib/ui 에서 아무것도 가져오지 않는다. Section 이 이 파일을 불러 쓰므로
|
|
* 반대 방향 import 가 하나라도 생기면 순환 참조다.
|
|
* ★ 제목 위 짧은 알약 하나만 장식으로 둔다. 색면 사이에서 제목이 시작하는 자리를
|
|
* 표시하는 게 이 안의 규칙이고, 기본 안의 왼쪽 세로선을 가운데 정렬로 옮긴 것이다.
|
|
* ★ h2 의 id 는 계약이다 — Section 의 aria-labelledby 가 `${id}-heading` 을 가리킨다.
|
|
*/
|
|
export function SectionHead({
|
|
id,
|
|
title,
|
|
lead,
|
|
aside,
|
|
}: {
|
|
id: string;
|
|
title: string;
|
|
lead?: string;
|
|
aside?: ReactNode;
|
|
}) {
|
|
return (
|
|
<header className="mb-8 flex flex-col items-center gap-3 text-center sm:mb-10">
|
|
<i
|
|
aria-hidden
|
|
className="block h-[6px] w-10 rounded-full"
|
|
style={{backgroundColor: 'var(--pastel-2, currentColor)', opacity: 0.9}}
|
|
/>
|
|
|
|
<h2
|
|
id={`${id}-heading`}
|
|
className="h2 break-keep"
|
|
style={{fontSize: 'calc(var(--fs-h2) * 1.15)', fontWeight: 800}}
|
|
>
|
|
{title}
|
|
</h2>
|
|
|
|
{/* 설명은 한 줄이다. 없으면 그리지 않는다 — 없는 문구를 지어내지 않는다. */}
|
|
{lead && (
|
|
<p className="measure text-[length:var(--fs-sm)] leading-relaxed opacity-65">{lead}</p>
|
|
)}
|
|
|
|
{aside && <div className="text-[length:var(--fs-sm)]">{aside}</div>}
|
|
</header>
|
|
);
|
|
}
|