…pace (#26) Closes #9, #10, #20. Core vertical slice — '호스트가 페이지 만들고 참여자가 본인 행 적는' 흐름이 한 PR 안에서 end-to-end로 동작한다. 사진/아카이브/세션수정 모두 별 PR로 분리. Pure helpers (lib/pace.ts): - calcPaceSecPerKm, formatPace ('M"SS"/km'), formatDurationSec, formatDistanceKm, parseDurationInput (분/초 두 input → 초), parseDistanceInput, splitDurationSec (prefill용) - 저장 안 함 — 표시 시점에 계산 (03-Screen-Flow §4 결정 그대로) UI 컴포넌트 (shadcn 표준 복사): - components/ui/input.tsx, label.tsx, textarea.tsx - @radix-ui/react-label 의존 추가 세션 생성 (/sessions/new): - 폼: 날짜(date, today default) / 시작 시간(time, optional) / 장소(필수) / 날씨(자유텍스트, optional) / 코스 메모(textarea, optional) - Server action: requireApproved → zod 검증 → Session.create(hostId=user.id) → /sessions/[id] redirect - 사진 자리는 의도적으로 비움 (다음 PR에서 추가될 것을 페이지 텍스트로 안내) 세션 상세 (/sessions/[id]): - 헤더: 날짜·요일·장소·시작시간·날씨·호스트 이름 - 사진 영역: 회색 placeholder (다음 PR에서 실제 이미지) - 참여자 표: 이름·거리·기록·페이스. createdAt asc 정렬. 본인 행에 '(나)' 표시. 거리·기록 둘 다 있어야 페이스 표시, 한쪽만이면 — 표시. - 총 거리 합계 헤더에 표시 - '내 기록' 폼 (MyParticipationForm, server component): - existing 없으면 빈 폼 + [추가] - existing 있으면 prefill + [수정] + [삭제] - 코스 메모 푸터 (있을 때만) - requireApproved + notFound 가드 Participation actions (app/sessions/[id]/actions.ts): - upsertParticipation: requireApproved + sessionId 존재 확인 + parseDistance/parseDuration + 모두 빈 값 throw + Prisma upsert on (sessionId, userId) — userId 는 항상 server-side. - deleteParticipation: requireApproved + deleteMany WHERE sessionId+userId. 본인 행만 자연스럽게. - 둘 다 revalidatePath('/sessions/${id}') 홈 (app/page.tsx): - '새 세션 만들기' CTA. 아카이브 리스트는 placeholder. Build: - 7 routes, /sessions/new + /sessions/[id] 추가 - /sessions/[id] First Load JS 114kB (table + form) - Edge runtime warning 2건 잔존 (jose JWE deflate, 우리는 미사용 — 비치명) Verified locally: - pnpm typecheck / lint / build 모두 통과 - Actual E2E (host create + own row CRUD + pace 표시) 는 사용자가 OAuth 발급 + admin 부트스트랩 끝낸 다음 검증 Out of scope (별 PR): - 사진 업로드 (#21) - 아카이브 리스트 (#11) - 세션 수정/삭제 UI (다음) - ADMIN이 타인 행 수정 (Week 3 stretch) - OG 이미지 (#15) - 검색·필터 (#14) Spec: .gjc/specs/session-create-and-participation.md

Uh oh!

[feat] OG 이미지 + PWA 매니페스트 #15

Description

Acceptance

Metadata

Metadata

Assignees

Labels

Type

Fields

Projects

Milestone

Relationships

Development

Issue actions