/learn

🔍 세션 분석 중...
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
메시지 수: 47
도구 호출: 89
에러 해결: 3건
주요 작업: Auth 시스템 구현
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

💡 추출 가능한 패턴 발견
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

1. [HIGH VALUE] NextAuth + Prisma 세션 타입 확장
   - 문제: Session 타입에 userId 누락
   - 해결: next-auth.d.ts 타입 확장
   - 재사용성: ⭐⭐⭐⭐⭐

2. [MEDIUM VALUE] Supabase RLS 디버깅 패턴
   - 문제: RLS 정책으로 인한 빈 결과
   - 해결: service_role 키로 테스트 후 정책 수정
   - 재사용성: ⭐⭐⭐⭐

3. [LOW VALUE] ESLint 규칙 비활성화
   - 문제: unused-vars 경고
   - 해결: .eslintrc 수정
   - 재사용성: ⭐⭐ (프로젝트별 상이)

저장할 패턴을 선택하세요 [1,2,3 또는 all]:

📝 스킬 문서 생성 중...

파일: ~/.claude/skills/learned/nextauth-prisma-session-type.md
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
# NextAuth + Prisma Session Type Extension

## Problem
NextAuth 세션에서 userId 접근 시 타입 에러 발생
`Property 'userId' does not exist on type 'Session'`

## Solution
`types/next-auth.d.ts` 파일 생성:
\`\`\`typescript
import { DefaultSession } from "next-auth"

declare module "next-auth" {
  interface Session {
    user: {
      id: string
    } & DefaultSession["user"]
  }
}
\`\`\`

## When to Apply
- NextAuth + Prisma 조합 사용 시
- 세션에 커스텀 필드 추가 필요 시

## Related
- NextAuth 공식 문서: TypeScript 섹션
- Prisma adapter 설정
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✅ 스킬 저장 완료

저장된 스킬을 확인하시겠습니까? [y/N]

~/.claude/skills/learned/
├── nextauth-prisma-session-type.md
├── supabase-rls-debugging.md
├── react-hydration-mismatch-fix.md
└── vercel-edge-function-timeout.md

---
name: pattern-name
description: 간단한 설명
learned_at: 2025-01-26
source_project: project-name
tags: [nextauth, prisma, typescript]
---

# Pattern Name

## Problem
문제 상황 설명

## Cause
근본 원인 분석

## Solution
해결 방법 (코드 예시 포함)

## When to Apply
이 패턴이 적용되는 상황

## Caveats
주의사항, 엣지 케이스

## Related
관련 문서, 리소스 링크

{
  "hooks": {
    "Stop": [
      {
        "type": "command",
        "command": "~/.claude/scripts/evaluate-session.sh"
      }
    ]
  }
}

{
  "auto_learn": {
    "enabled": true,
    "min_session_length": 10,
    "extraction_threshold": "medium",
    "auto_approve": false
  },
  "storage": {
    "path": "~/.claude/skills/learned/",
    "max_skills": 100
  },
  "filters": {
    "ignore_patterns": [
      "typo",
      "syntax_error",
      "one_time_fix"
    ],
    "focus_patterns": [
      "error_resolution",
      "debugging_technique",
      "workaround",
      "architecture_decision"
    ]
  }
}

세션 완료
    │
    ├─→ /learn (패턴 추출)
    │
    └─→ PM Agent (문서화, 지식 베이스 업데이트)

/checkpoint create "before-experiment"
... 실험적 해결 시도 ...
... 성공! ...
/learn  # 성공한 패턴 저장

🔍 유사한 패턴 발견
━━━━━━━━━━━━━━━━━━━━━━━━━━
이전에 학습한 패턴이 있습니다:
- nextauth-prisma-session-type.md

적용하시겠습니까? [y/N]

# React Server Component Data Fetching

## Problem
클라이언트 컴포넌트에서 서버 데이터 fetch 시
waterfall 문제 발생

## Solution
서버 컴포넌트에서 데이터 fetch 후 props로 전달
또는 Suspense + parallel fetch 사용

## Code Example
\`\`\`tsx
// ✅ Good: Server Component
async function Page() {
  const data = await fetchData()
  return <ClientComponent data={data} />
}
\`\`\`

# Fix Typo in Config  ❌
## Problem
오타로 인한 빌드 실패
## Solution
오타 수정

→ 재사용 가치 없음, 저장하지 않음