feat: Phase 0 Auth·CRUD 완료 (실계정 스모크 포함)

.cursor/rules/portfolio-docs.mdc

@@ -3,22 +3,24 @@ description: Ticker Journal 작업 시 이력서·포트폴리오 문서를 함
 globs:
   - apps/**/*
   - packages/**/*
-alwaysApply: false
+  - supabase/**/*
+alwaysApply: true
 ---
 
 # Portfolio / Resume sync
 
-이 레포에서 의미 있는 기능·인프라 마일스톤을 끝낼 때마다 **코드만 끝내지 말고** 아래를 갱신한다.
+이 레포에서 의미 있는 기능·인프라 마일스톤을 끝낼 때마다 **코드만 끝내지 말고** 아래를 반드시 갱신한다. 사용자가 따로 부탁하지 않아도 마일스톤 완료 시 문서 업데이트를 포함한다.
 
 1. `docs/portfolio.md`
    - 과정(Process)에 무엇을 했는지
    - 어려웠던 점 표에 이슈 + 대응
    - 배운 점에 구체적 인사이트 1~3줄
    - 갱신 로그에 날짜 한 줄
 2. `docs/resume-bullets.md`
-   - `[예정]` 불릿을 실제 성과 문장으로 교체하거나 새 불릿 추가
+   - `[예정]`/`[ ]` 불릿을 실제 성과 문장으로 교체하거나 새 불릿 추가
    - 가능하면 수치·URL·스토어 링크 포함
+   - 테스트 건수·페이즈 체크박스 최신화
 
-마일스톤 예: Auth 연결, 첫 CRUD, WebView 차트 실연동, 웹 검색, EAS 빌드, 스토어 제출/승인.
+마일스톤 예: Auth 연결, 첫 CRUD, WebView 차트 실연동, 웹 검색, EAS 빌드, 스토어 제출/승인, Biome/TS 업그레이드.
 
 사용자가 “커밋해줘”라고 하면 문서 변경도 같은 커밋 또는 직전 `docs:` 커밋에 포함한다 (커밋 메시지 한국어).

.cursor/rules/testing.mdc

@@ -0,0 +1,35 @@
+---
+description: Ticker Journal 테스트 작성 기준. 테스트 추가·수정 전에 적용.
+globs:
+  - "**/*.{test,spec}.{ts,tsx}"
+  - "**/e2e/**"
+  - docs/testing.md
+alwaysApply: true
+---
+
+# 테스트 작성 기준
+
+소스 오브 트루스: `docs/testing.md`. 어긋나면 테스트를 만들지 않는다.
+
+## 먼저 고른다
+
+- 웹 사용자 플로우 (페이지 진입, 로그인 화면, 이동) → Playwright E2E
+- 순수 함수 (Zod, HTML 빌더, `resolveAuthCallbackPath`) → 단위
+- 웹 순수 뷰 (props → 텍스트, 라우팅 없음) → RTL. Auth/폼/라우팅은 E2E
+- 모바일 화면 → Maestro E2E (예정). Jest에서 expo-router/auth를 목킹해 목록을 그리지 않는다
+
+## 금지
+
+- expo-router / `useFocusEffect`를 목킹한 뒤 화면 텍스트를 확인하는 테스트
+- `signInWithOtp` / `createTicker` 같은 I/O를 목킹한 뒤 `toHaveBeenCalled`만 하는 테스트 (로그인·CRUD 포함)
+- E2E가 이미 보는 동작을 컴포넌트 테스트로 중복
+- 커버리지·건수 맞추기용 테스트
+- 매직링크 실메일 E2E (인박스 없음). 페이지가 뜨는 스모크만
+
+## 설명
+
+`it`/`test` 문자열은 한국어. 예: `it('빈 심볼을 거부한다')`. `describe`는 대상 식별자 가능 (`CreateTickerSchema`).
+
+## assert
+
+사용자/호출자가 보는 것: 화면 텍스트, URL `Location`, 순수 함수 반환값.

.env.example

@@ -1,5 +1,15 @@
-# Supabase (Phase 0+)
+# 앱별 파일에 복사한다.
+# - apps/mobile/.env → EXPO_PUBLIC_*
+# - apps/web/.env    → NEXT_PUBLIC_*
+
+# Dashboard → Project Settings → API
+EXPO_PUBLIC_SUPABASE_URL=
+EXPO_PUBLIC_SUPABASE_KEY=
+
 NEXT_PUBLIC_SUPABASE_URL=
 NEXT_PUBLIC_SUPABASE_ANON_KEY=
-EXPO_PUBLIC_SUPABASE_URL=
-EXPO_PUBLIC_SUPABASE_ANON_KEY=
+
+# Auth redirects (Supabase Dashboard → Authentication → URL Configuration)
+# - mobile (dev build / 스토어): tickerjournal://auth/callback
+# - mobile (Expo Go): Linking.createURL('auth/callback') 결과(exp://…)도 등록
+# - web: http://localhost:3000/auth/callback

.github/workflows/ci.yml

@@ -0,0 +1,58 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+
+concurrency:
+  group: ci-${{ github.ref }}
+  cancel-in-progress: true
+
+permissions:
+  contents: read
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm check
+      - run: pnpm typecheck
+      - run: pnpm test:coverage
+      - uses: supabase/setup-cli@v1
+        with:
+          version: latest
+      - name: Start local Supabase (migrations)
+        run: supabase start
+      - name: Check Database types match schema
+        env:
+          DB_TYPES_SOURCE: local
+        run: pnpm check:db-types
+      - name: Stop local Supabase
+        if: always()
+        run: supabase stop --no-backup
+
+  e2e:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm --filter @ticker-journal/shared build
+      - run: pnpm --filter @ticker-journal/web exec playwright install --with-deps chromium
+      - run: pnpm test:e2e

.gitignore

@@ -21,3 +21,6 @@ playwright-report
 test-results
 blob-report
 .gstack/
+supabase/.temp/
+.sonda/
+apps/web/.sonda/

.husky/pre-commit

@@ -0,0 +1 @@
+pnpm run ci

.vscode/settings.json

@@ -3,5 +3,12 @@
   "editor.codeActionsOnSave": {
     "source.fixAll.biome": "explicit"
   },
-  "editor.formatOnSave": true
+  "editor.formatOnSave": true,
+  "files.associations": {
+    "**/supabase/**/*.sql": "plaintext"
+  },
+  "mssql.intelliSense.enableIntelliSense": false,
+  "mssql.intelliSense.enableErrorChecking": false,
+  "mssql.intelliSense.enableSuggestions": false,
+  "mssql.intelliSense.enableQuickInfo": false
 }

README.md

@@ -22,6 +22,7 @@ pnpm dev:web      # http://localhost:3000
 pnpm dev:mobile   # Expo
 pnpm test         # Vitest + jest-expo
 pnpm test:e2e     # Playwright (web)
+pnpm run ci       # Biome + typecheck + unit
 pnpm check        # Biome lint + format check
 pnpm check:fix   # Biome auto-fix
 pnpm typecheck
@@ -58,7 +59,19 @@ pnpm typecheck
 
 ## 로드맵
 
-- Phase 0: Auth + CRUD (앱)
+- Phase 0: Auth + CRUD (앱) — 브랜치 `feat/phase-0-auth-crud`
 - Phase 1: 웹 검색/상세
 - Phase 2: App Store + Play Store
 - v1.1 공유 시트 / v2 AI 주간 브리핑
+
+### Phase 0 로컬 설정
+
+1. [Supabase](https://supabase.com) 프로젝트 생성
+2. SQL Editor 또는 `supabase db push`로 `supabase/migrations`의 모든 마이그레이션을 순서대로 적용
+3. Auth → URL Configuration에 추가:
+   - `tickerjournal://auth/callback` (모바일 개발 빌드/스토어)
+   - Expo Go라면 앱이 찍는 `exp://…/--/auth/callback` 도 등록
+   - `http://localhost:3000/auth/callback` (웹)
+4. `apps/mobile/.env` — `EXPO_PUBLIC_SUPABASE_URL` / `EXPO_PUBLIC_SUPABASE_KEY`
+5. `apps/web/.env` — `NEXT_PUBLIC_SUPABASE_URL` / `NEXT_PUBLIC_SUPABASE_ANON_KEY`
+6. `pnpm dev:mobile` / `pnpm dev:web` 후 매직링크 로그인

apps/mobile/__tests__/chart.test.ts

@@ -0,0 +1,22 @@
+import { buildChartHtml } from '../lib/chart';
+
+describe('buildChartHtml', () => {
+  it('US 심볼에 TradingView 위젯을 넣는다', () => {
+    const html = buildChartHtml('US', 'aapl');
+    expect(html).toContain('TradingView.widget');
+    expect(html).toContain('symbol: "AAPL"');
+  });
+
+  it('US 심볼의 따옴표를 JS 문자열 밖으로 빼지 않는다', () => {
+    const html = buildChartHtml('US', "x');alert(1);//");
+    expect(html).toContain('symbol: "X\');ALERT(1);//"');
+    expect(html).not.toContain("symbol: '");
+  });
+
+  it('KR 심볼은 fallback HTML을 쓴다', () => {
+    const html = buildChartHtml('KR', '005930');
+    expect(html).toContain('KR 차트 fallback');
+    expect(html).toContain('005930');
+    expect(html).not.toContain('TradingView.widget');
+  });
+});

apps/mobile/app.json

@@ -24,6 +24,6 @@
     "web": {
       "favicon": "./assets/favicon.png"
     },
-    "plugins": ["expo-router"]
+    "plugins": ["expo-router", "expo-web-browser"]
   }
 }

apps/mobile/app/_layout.tsx

@@ -1,14 +1,50 @@
-import { Stack } from 'expo-router';
+import { Stack, useRouter } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';
+import { Alert, Pressable, Text } from 'react-native';
+
+import { AuthProvider, useAuth } from '../lib/auth';
+
+const LogoutButton = () => {
+  const { session, signOut } = useAuth();
+  const router = useRouter();
+  if (!session) return null;
+
+  return (
+    <Pressable
+      onPress={async () => {
+        try {
+          await signOut();
+          router.replace('/login');
+        } catch (err) {
+          Alert.alert('로그아웃 실패', err instanceof Error ? err.message : '다시 시도해 주세요.');
+        }
+      }}
+      accessibilityRole='button'
+      accessibilityLabel='로그아웃'
+      style={{ paddingHorizontal: 8 }}
+    >
+      <Text style={{ color: '#2563eb', fontSize: 14 }}>로그아웃</Text>
+    </Pressable>
+  );
+};
 
 export default function RootLayout() {
   return (
-    <>
+    <AuthProvider>
       <StatusBar style='dark' />
       <Stack>
-        <Stack.Screen name='index' options={{ title: '관심종목' }} />
+        <Stack.Screen name='login' options={{ headerShown: false }} />
+        <Stack.Screen name='signup' options={{ headerShown: false }} />
+        <Stack.Screen name='auth/callback' options={{ headerShown: false }} />
+        <Stack.Screen
+          name='index'
+          options={{
+            title: '관심종목',
+            headerRight: () => <LogoutButton />,
+          }}
+        />
         <Stack.Screen name='ticker/[id]' options={{ title: '종목' }} />
       </Stack>
-    </>
+    </AuthProvider>
   );
 }

apps/mobile/app/auth/callback.tsx

@@ -0,0 +1,28 @@
+import { Redirect } from 'expo-router';
+import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
+
+import { useAuth } from '../../lib/auth';
+
+export default function AuthCallbackScreen() {
+  const { session, loading } = useAuth();
+
+  if (!loading && session) {
+    return <Redirect href='/' />;
+  }
+
+  if (!loading && !session) {
+    return <Redirect href='/login' />;
+  }
+
+  return (
+    <View style={styles.container}>
+      <ActivityIndicator />
+      <Text style={styles.label}>로그인 처리 중…</Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1, alignItems: 'center', justifyContent: 'center', gap: 12, backgroundColor: '#fff' },
+  label: { fontSize: 14, color: '#666' },
+});