개발 노트
PitLane F1 포털 개발 히스토리 — 매일 오전 7시 자동 갱신
3월 6일 (금)
핵심 페이지 & 기능 전체 구현
- ▸메인 홈 페이지: 다음 레이스 히어로, 챔피언십 순위, AI 브리핑, 뉴스 피드, 시즌 캘린더
- ▸드라이버 페이지: 22명 전체 아카이브, 개인 상세 페이지 (커리어 통계, 시즌 결과)
- ▸팀 페이지: 11개 팀 (캐딜락 포함) 목록 및 상세 (역대 순위, 챔피언십 기록)
- ▸서킷 페이지: 24개 서킷 목록 및 상세 (사양, 랩 레코드, 역대 우승자, 트랙 맵)
- ▸시즌 트래커: 드라이버/컨스트럭터 챔피언십 표, 레이스 캘린더, 다음 레이스 세션 일정
- ▸뉴스 허브: 실시간 F1 뉴스 피드 (RSS 집계), AI 데일리 브리핑
- ▸정보 허브 (info): 2026 주요 변경사항 카드 + FIA 공식 규정 전문 한국어 번역
2026 F1 공식 규정 전문 한국어 번역 완료
- ▸Section A: 기술 규정 일반사항 (T0 기준 원문 전문)
- ▸Section B: 파워유닛 기술 규정 (PU 구조, MGU-K, 배터리, 연료 시스템)
- ▸Section C: 차량 기술 규정 (공기역학, 차체 치수, 언더바디, 서스펜션)
- ▸Section D: 재정 규정 (코스트 캡 $135M, 감사 절차, 제재 체계)
- ▸Section F: 운영 규정 (공장 가동 중단, 공기역학 시험 제한, ATR·RWTT·RCFD)
- ▸FIA 공식 HTML 원문 파싱 → TypeScript 데이터 구조 변환 (RegArticle 인터페이스)
정보 허브 페이지 리디자인 — 주요 변경사항 카드
- ▸2026 주요 변경사항 8→9개 항목으로 확장 (오버테이크 모드 & 부스트 버튼 추가)
- ▸각 항목에 초보자용 한국어 설명(beginner) 필드 신규 추가
- ▸핵심 변경사항(impact:high) 4건 → 글로우 효과 대형 카드 (2열 그리드)
- ▸추가 변경사항(impact:medium) 5건 → 컴팩트 카드 (3열 그리드)
- ▸카드별 컬러 테마, 주요 수치(stat), '💡 쉽게 말하면' 설명 박스
- ▸주요 변경사항 섹션을 페이지 최상단으로 이동, 규정 전문은 하단 배치
GP 개별 상세 페이지 신설 (/season/race/[round])
- ▸라운드별 GP 상세 페이지: 24개 라운드 정적 생성 (generateStaticParams)
- ▸히어로 섹션: GP명, 서킷 스펙 요약 4종, 우승자(완료)/D-day 카운트다운(예정)
- ▸세션 일정 (KST): FP1~3·스프린트·퀄리파잉·레이스 전체, 완료 상태 표시
- ▸결승 결과 테이블: 순위, 드라이버, 팀, 그리드, 기록/상태(DNF 빨간색), 포인트, FL 뱃지
- ▸퀄리파잉 결과 테이블: 순위, Q1/Q2/Q3 타임
- ▸스프린트 결과 테이블: 스프린트 주말 한정 표시
- ▸live.ts에 fetchRaceResult·fetchQualifyingResult·fetchSprintResult 추가
- ▸시즌 캘린더 및 홈 캘린더 링크 → /season/race/[round] 로 변경
GitHub 배포 및 Vercel 프로덕션 배포
- ▸GitHub 저장소 nohdaeyoung/f1_portal 원격 연결 및 초기 push
- ▸Vercel CLI로 프로덕션 배포 완료 (f1-delta-flame.vercel.app)
- ▸Vercel ↔ GitHub 자동 배포 파이프라인 연결 — 이후 push 시 자동 재배포
- ▸Next.js 16.1.6 (Turbopack) 빌드 성공, 전체 페이지 정적 생성 확인
- getAiDigest()를 unstable_cache로 래핑 (24h TTL, 'ai-digest' 태그) → 매 렌더마다 Claude API 호출하던 문제 해결 - revalidate-digest cron에 revalidateTag('ai-digest', 'max') 추가 → 7시 cron 실행 시 캐시 무효화 후 최신 기사로 재생성
- /devlog: 프로젝트 시작부터의 개발 히스토리 타임라인 페이지 - GitHub API 연동으로 커밋 자동 표시 (날짜별 그룹, 타입 뱃지) - 정적 히스토리 (devlog.ts) + GitHub 커밋 병합 타임라인 - Vercel Cron 매일 07:00 KST (22:00 UTC) → 전날 커밋 있을 시 /devlog revalidate - GNB에 개발노트 링크 추가 - 푸터 3단 레이아웃: 브랜드 | 네비게이션 | 개발 링크 - 푸터 하단 바: © 2026 PitLane 저작권 + 데이터 출처
- 세션 일정 (KST), 서킷 스펙, 우승자/D-day 헤더 표시 - 결승 결과: 드라이버·팀·그리드·기록·포인트·패스티스트랩 - 퀄리파잉 결과: Q1/Q2/Q3 타임 표시 - 스프린트 주말 결과 별도 표시 - 시즌 캘린더 및 홈 캘린더 링크 → /season/race/[round]로 변경 - live.ts: fetchRaceResult/fetchQualifyingResult/fetchSprintResult 추가
- section-b~f 한국어 전문(全文) 번역 데이터 추가 - 주요 변경사항(changes2026) 초보자 설명(beginner) 및 시각 데이터 추가 - info/page.tsx: 주요 변경사항 상단 이동, 카드형 리디자인 (글로우·컬러 테마) - 드라이버·팀·서킷·시즌·뉴스 페이지 전체 추가 - AI 브리핑·뉴스 피드·챔피언십·캘린더 메인 페이지 구성 - 파워유닛·공기역학·비용상한 등 2026 규정 데이터 완성
3월 5일 (목)
프로젝트 초기 설정
- ▸Next.js 15 App Router 기반 프로젝트 생성 (create-next-app)
- ▸TypeScript + Tailwind CSS v4 환경 구성
- ▸프로젝트명 PitLane — 2026 F1 종합 포털로 방향 설정
- ▸Vercel 배포 파이프라인 연결 (nohdaeyoung/f1_portal)
- ▸Jolpica F1 API (Ergast 호환) 및 OpenF1 API 클라이언트 설계
2026년 3월 — PitLane 프로젝트 시작