feat, fix(analysis): analysis api 대폭 수정, 비로그인 사용자 커뮤니티 조회

Author: Hyeseung-OH

front/src/app/(dashboard)/analysis/[id]/page.tsx

@@ -12,17 +12,24 @@ export default function ResultsPage() {
   const params = useParams()
   const router = useRouter()
   const repoId = Number(params.id)
-  const user = typeof window !== "undefined" ? JSON.parse(localStorage.getItem("user") || "{}") : null
-  const userId = user?.id
 
-  const { history, result, loading, selectedId, setSelectedId, reload } = useAnalysisResult(userId, repoId)
+  const { history, result, loading, selectedId, setSelectedId, reload } = useAnalysisResult(repoId)
 
   if (loading)
     return <div className="p-8 text-center text-muted-foreground">🕓 분석 결과를 불러오는 중...</div>
 
   if (!history || !result)
     return <div className="p-8 text-center text-muted-foreground">⚠️ 분석 데이터를 찾을 수 없습니다.</div>
 
+  // ✅ API 응답에서 ownerId 추출
+  const ownerId = history.repository.ownerId
+
+  // ✅ 로그인한 사용자 (권한 체크용)
+  const currentUser = typeof window !== "undefined" 
+    ? JSON.parse(localStorage.getItem("user") || "null") 
+    : null
+  const currentUserId = currentUser?.id
+
   const radarData = [
     { category: "README", score: (result.readmeScore / 30) * 100 },
     { category: "TEST", score: (result.testScore / 30) * 100 },
@@ -45,7 +52,7 @@ export default function ResultsPage() {
           history={history}
           selectedId={selectedId}
           onSelect={setSelectedId}
-          userId={userId}
+          userId={currentUserId}
           repoId={repoId}
           onDeleted={handleDeleted} />
 
@@ -58,7 +65,7 @@ export default function ResultsPage() {
 
         {/* 🌐 공개 설정 및 커뮤니티 섹션 */}
         <RepositoryPublicSection 
-          userId={history.repository.ownerId} 
+          userId={ownerId} 
           repoId={repoId} 
           initialPublic={history.repository.publicRepository} />
       </div>

front/src/app/(dashboard)/users/history/page.tsx

@@ -2,14 +2,14 @@
 
 import { useEffect, useState } from "react"
 import { Card } from "@/components/ui/card"
-import { Button } from "@/components/ui/Button" // ✅ 대소문자 수정
 import { Switch } from "@/components/ui/switch"
 import { ShareButton } from "@/components/analysis/ShareButton"
 import { Globe, Lock, MessageSquare } from "lucide-react"
 import { useRepositoryPublic } from "@/hooks/analysis/useRepositoryPublic"
 import { CommentSection } from "@/components/community/CommentSection"
 import { analysisApi } from "@/lib/api/analysis"
 import type { HistoryResponseDto } from "@/types/analysis"
+import { useAuth } from "@/hooks/auth/useAuth"
 
 interface Props {
   userId: number
@@ -19,29 +19,18 @@ interface Props {
 
 export function RepositoryPublicSection({ userId, repoId, initialPublic }: Props) {
   const { isPublic, togglePublic } = useRepositoryPublic(initialPublic, userId, repoId)
-
+  const { user, isAuthed, isInitializing } = useAuth()
+  const currentUserId = user?.id ?? null
+  
   const [analysisResultId, setAnalysisResultId] = useState<number | null>(null)
   const [loading, setLoading] = useState(true)
-  const [currentUserId, setCurrentUserId] = useState<number | null>(null)
-
-  useEffect(() => {
-    const stored = localStorage.getItem("user")
-    if (stored) {
-      try {
-        const parsed = JSON.parse(stored)
-        setCurrentUserId(Number(parsed.id))
-      } catch (err) {
-        console.error("유저 정보 파싱 실패:", err)
-      }
-    }
-  }, [])
 
   useEffect(() => {
-    if (!userId || !repoId) return
+    if (!repoId) return
 
     const loadAnalysisId = async () => {
       try {
-        const historyResponse: HistoryResponseDto = await analysisApi.getRepositoryHistory(userId, repoId)
+        const historyResponse: HistoryResponseDto = await analysisApi.getRepositoryHistory(repoId)
         // ✅ 최신 분석 결과 ID 추출
         if (Array.isArray(historyResponse.analysisVersions) && historyResponse.analysisVersions.length > 0) {
           const latest = historyResponse.analysisVersions[0]
@@ -57,16 +46,16 @@ export function RepositoryPublicSection({ userId, repoId, initialPublic }: Props
     }
 
     loadAnalysisId()
-  }, [userId, repoId])
+  }, [repoId])
 
-  if (currentUserId === null) {
+  if (isInitializing) {
     return <div className="p-6 text-center text-muted-foreground">사용자 정보를 불러오는 중...</div>
   }
 
   return (
     <>
       {/* 🌐 공개 설정 */}
-      {currentUserId === userId && (
+      {isAuthed && currentUserId === userId && (
       <Card className="mb-8 p-6">
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-3">
@@ -114,14 +103,7 @@ export function RepositoryPublicSection({ userId, repoId, initialPublic }: Props
             ) : analysisResultId ? (
               <div className="text-muted-foreground text-sm">
                 {/* ✏️ 댓글 작성 폼 */}
-                <CommentSection analysisResultId={analysisResultId} memberId={userId} />
-
-                {/* 💬 댓글 목록 */}
-                <div className="border-t pt-6">
-                  {/* 댓글 목록이 CommentSection 안에서 렌더링되거나 별도 CommentList가 있다면 여기에 배치 */}
-                  {/* 예: <CommentList analysisResultId={analysisResultId} /> */}
-                  {/* CommentSection이 이미 작성+조회 포함한다면 그대로 둬도 됨 */}
-                </div>
+                <CommentSection analysisResultId={analysisResultId} />
               </div>
             ) : (
               <p className="text-muted-foreground text-sm">아직 분석 기록이 없습니다.</p>

front/src/components/analysis/RepositoryPublicSection.tsx

@@ -1,28 +1,32 @@
-"use client"
+"use client"
 
 import { useState } from "react"
+import { useAuth } from "@/hooks/auth/useAuth"
 import { CommentList } from "./CommentList"
 import { CommentForm } from "./CommentForm"
 
 interface CommentSectionProps {
   analysisResultId: number
-  memberId: number
 }
 
-export function CommentSection({ analysisResultId, memberId }: CommentSectionProps) {
+export function CommentSection({ analysisResultId }: CommentSectionProps) {
+  const { isAuthed } = useAuth()
   const [refreshKey, setRefreshKey] = useState(0)
 
   return (
     <div className="mt-6 space-y-6">
       {/* ✏️ 댓글 작성 폼 */}
-      <CommentForm
-        analysisResultId={analysisResultId}
-        memberId={memberId}
-        onCommentAdded={() => setRefreshKey((k) => k + 1)}
-      />
+      {isAuthed ? (
+        <CommentForm
+          analysisResultId={analysisResultId}
+          onCommentAdded={() => setRefreshKey((k) => k + 1)}
+        />
+      ) : (
+        <p className="text-sm text-muted-foreground">로그인 후 댓글을 작성할 수 있어요.</p>
+      )}
 
       {/* 💬 댓글 목록 */}
       <CommentList key={refreshKey} analysisResultId={analysisResultId} />
     </div>
   )
-}
+}

front/src/components/community/CommentSection.tsx

@@ -33,33 +33,11 @@ export function useAnalysis() {
     }
   }
 
-  /** 📦 사용자별 저장소 목록 조회 */
-  const getUserRepositories = async (userId: number): Promise<RepositoryResponse[]> => {
-    setIsLoading(true)
-    setError(null)
-
-    try {
-      const repositories = await analysisApi.getUserRepositories(userId)
-      return repositories
-    } catch (err: any) {
-      const message =
-        err?.response?.data?.message ||
-        err?.message ||
-        "저장소 목록을 불러오는 중 오류가 발생했습니다."
-      const apiError = new Error(message) as ApiError
-      setError(apiError)
-      throw apiError
-    } finally {
-      setIsLoading(false)
-    }
-  }
-
   /** ❌ 에러 초기화 */
   const clearError = () => setError(null)
 
   return {
     requestAnalysis,
-    getUserRepositories,
     isLoading,
     error,
     clearError,

front/src/hooks/analysis/useAnalysis.ts

@@ -5,19 +5,19 @@ import { analysisApi } from "@/lib/api/analysis"
 import type { HistoryResponseDto, AnalysisResultResponseDto } from "@/types/analysis"
 import { formatDateTimeKST } from "@/lib/utils/formatDate"
 
-export function useAnalysisResult(userId?: number, repoId?: number) {
+export function useAnalysisResult(repoId?: number) {
   const [history, setHistory] = useState<HistoryResponseDto | null>(null)
   const [selectedId, setSelectedId] = useState<number | null>(null)
   const [result, setResult] = useState<AnalysisResultResponseDto | null>(null)
   const [loading, setLoading] = useState(true)
 
   const load = useCallback(async () => {
-    if (!userId || !repoId) return
+    if (!repoId) return
     setLoading(true)
 
     try {
-      // 1️⃣ 히스토리 불러오기
-      const data = await analysisApi.getRepositoryHistory(userId, repoId)
+      // 1️⃣ 히스토리 불러오기 (JWT 자동 처리)
+      const data = await analysisApi.getRepositoryHistory(repoId)
 
       // 최신순 정렬
       const sorted = [...data.analysisVersions].sort(
@@ -39,21 +39,20 @@ export function useAnalysisResult(userId?: number, repoId?: number) {
 
       // 3️⃣ 선택된 분석 결과 불러오기
       if (latestId) {
-        const detail = await analysisApi.getAnalysisDetail(userId, repoId, latestId)
+        const detail = await analysisApi.getAnalysisDetail(repoId, latestId)
         setResult(detail)
       } else {
         setResult(null)
       }
     } catch (err) {
       console.error("❌ useAnalysisResult load() error:", err)
+      setHistory(null)
+      setResult(null)
     } finally {
       setLoading(false)
     }
-  }, [userId, repoId])
+  }, [repoId])
 
-  /**
-   * 🎬 최초 로드
-   */
   useEffect(() => {
     load()
   }, [load])
@@ -62,12 +61,13 @@ export function useAnalysisResult(userId?: number, repoId?: number) {
    * 🔄 특정 버전 선택 시 분석 결과 다시 로드
    */
   useEffect(() => {
-    if (!selectedId || !userId || !repoId) return
+    if (!selectedId || !repoId  || !history) return
+
     ;(async () => {
-      const detail = await analysisApi.getAnalysisDetail(userId, repoId, selectedId)
+      const detail = await analysisApi.getAnalysisDetail(repoId, selectedId)
       setResult(detail)
     })()
-  }, [selectedId, userId, repoId])
+  }, [selectedId, repoId, history])
 
   return {
     history,
@@ -77,4 +77,4 @@ export function useAnalysisResult(userId?: number, repoId?: number) {
     setSelectedId,
     reload: load, // ✅ 외부에서 다시 불러올 수 있도록 노출
   }
-}
+}