Netflix Sequence Diagram 찜 목록 조회 시나리오 By Claude 3.7 sonnet.md

sequenceDiagram
    autonumber
    participant Client as 클라이언트(브라우저)
    participant API as 백엔드 API 서버
    participant DB as 데이터베이스
    
    rect rgba(200, 200, 255, 0.1)
        Note over Client, DB: 찜 목록 조회 프로세스
        Client->>Client: 마이페이지 - 찜 목록 클릭
        Client->>API: 찜 목록 요청<br>(JWT 토큰)
        
        API->>API: JWT 토큰 검증
        
        alt 토큰 유효
            API->>DB: 사용자의 찜 목록 조회<br>(Wishlists JOIN Contents WHERE user_id)
            DB-->>API: 찜한 콘텐츠 목록 반환<br>(콘텐츠 id, title, thumbnail_url 등)
            
            alt 찜 목록 있음
                API-->>Client: 200 OK<br>(찜한 콘텐츠 목록)
            else 찜 목록 없음
                API-->>Client: 200 OK<br>(빈 배열)
            end
            
            Client->>Client: 찜 목록 화면 렌더링
        else 토큰 무효
            API-->>Client: 401 Unauthorized
            Client->>Client: 로그인 페이지로 리다이렉트
        end
    end

Loading