M1 웹 + 배포: 홈·코드 입장·대기실·오목 화면·결과·계정, E2E, Docker/Caddy

- 웹(React+Vite): 홈(큰 버튼 2개·하던 게임 돌아가기), 6자리 코드 입력(붙여넣기 감지·자동 입장),
  링크 입장(닉네임 한 칸), 대기실(코드/링크 복사·공유·QR·자리·준비·방장 메뉴·설정),
  오목(SVG 판·두 번 눌러 확정·금수/위험 표시·시계·무르기·무승부·기권·키보드 조작·스크린리더 안내),
  결과(한 판 더 투표·방 전적·공정성 확인), 채팅·반응, 계정(닉네임 변경·글자 크기·테마·소리·진동)
- WS 클라이언트: 지수 백오프+지터 재연결, 화면 복귀/온라인 즉시 재연결, seq 순서 처리,
  ping/pong 지연·시계 보정, 서버 재시작 안내, 다른 창 접속 처리
- @bg/shared/lite: 브라우저용 진입점(zod 제외) → 첫 화면 JS 약 90KB gzip
- e2e/omok.e2e.ts: 브라우저 두 개(모바일·PC)로 방 만들기→링크 입장→대국→새로고침 복구→승리→한 판 더
- deploy: Dockerfile(운영 의존성만, 267MB), docker-compose(app+Caddy), Caddyfile(보안 헤더·CSP), .env.example
- 프록시 뒤에서만 X-Forwarded-For 신뢰(TRUST_PROXY=1)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/src/net/api.ts

@@ -0,0 +1,72 @@
+import type { CatalogEntry, PublicUser } from '@bg/shared/lite';
+
+export class ApiError extends Error {
+  constructor(
+    message: string,
+    readonly status: number,
+  ) {
+    super(message);
+  }
+}
+
+async function call<T>(method: string, path: string, body?: unknown): Promise<T> {
+  let res: Response;
+  try {
+    res = await fetch(path, {
+      method,
+      credentials: 'same-origin',
+      headers: body !== undefined ? { 'Content-Type': 'application/json' } : undefined,
+      body: body !== undefined ? JSON.stringify(body) : undefined,
+    });
+  } catch {
+    throw new ApiError('인터넷 연결을 확인해 주세요.', 0);
+  }
+  const data = (await res.json().catch(() => ({}))) as { error?: string } & T;
+  if (!res.ok) throw new ApiError(data.error ?? '잠시 후 다시 시도해 주세요.', res.status);
+  return data;
+}
+
+export interface Settings {
+  fontScale?: 'normal' | 'large' | 'xlarge';
+  theme?: 'auto' | 'light' | 'dark';
+  sound?: boolean;
+  vibrate?: boolean;
+  colorBlind?: boolean;
+  tapConfirm?: boolean;
+}
+
+export interface MeResponse {
+  me: PublicUser | null;
+  settings?: Settings;
+  useAvatar?: boolean;
+  hasDiscordAvatar?: boolean;
+  activeRoom?: string | null;
+}
+
+export interface RoomPreview {
+  code: string;
+  codeLabel: string;
+  gameId: string;
+  host: string;
+  seated: number;
+  maxPlayers: number;
+  status: string;
+}
+
+export const api = {
+  config: () => call<{ discord: boolean; catalog: CatalogEntry[] }>('GET', '/api/config'),
+  me: () => call<MeResponse>('GET', '/api/me'),
+  guest: (nickname: string) => call<{ me: PublicUser }>('POST', '/api/auth/guest', { nickname }),
+  updateMe: (patch: { nickname?: string; useAvatar?: boolean; settings?: Settings }) => call<{ me: PublicUser }>('PATCH', '/api/me', patch),
+  logout: () => call<{ ok: true }>('POST', '/api/auth/logout', {}),
+  logoutAll: () => call<{ ok: true }>('POST', '/api/auth/logout-all', {}),
+  deleteMe: () => call<{ ok: true }>('DELETE', '/api/me', { confirm: '탈퇴' }),
+  stats: () => call<{ stats: { gameId: string; played: number; wins: number; draws: number }[] }>('GET', '/api/me/stats'),
+  createRoom: (gameId: string, visibility?: 'private' | 'public') => call<{ code: string }>('POST', '/api/rooms', { gameId, visibility }),
+  quickPlay: (gameId: string) => call<{ code: string }>('POST', `/api/quick/${gameId}`, {}),
+  room: (code: string) => call<RoomPreview>('GET', `/api/rooms/${code}`),
+  publicRooms: (gameId: string) =>
+    call<{ rooms: { code: string; host: string; seated: number; max: number }[] }>('GET', `/api/games/${gameId}/rooms`),
+};
+
+export const discordLoginUrl = (next: string) => `/api/auth/discord/start?next=${encodeURIComponent(next)}`;