feat(community) : public 상태 repository 화면 작성

Author: Plectranthus

backend/src/main/java/com/backend/domain/community/dto/response/CommunityAnalysisResultResponseDto.java

@@ -0,0 +1,4 @@
+package com.backend.domain.community.dto.response;
+
+public class CommunityAnalysisResultResponseDto {
+}

front/next.config.mjs

@@ -9,7 +9,7 @@ const nextConfig = {
     if (process.env.NEXT_PUBLIC_DEV_PROXY === 'true') {
       return [
         {
-          source: "/api/:path*",
+          source: "/:path*",
           destination: `${process.env.NEXT_PUBLIC_BACKEND_URL}/:path*`,
         },
       ];

front/package-lock.json

@@ -25,15 +25,15 @@
     "zod": "3.23.8"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.14",
+    "@tailwindcss/postcss": "^4.1.15",
     "@types/node": "22.7.4",
     "@types/react": "18.3.5",
     "@types/react-dom": "18.3.0",
     "autoprefixer": "^10.4.21",
     "eslint": "9.12.0",
     "eslint-config-next": "15.0.0",
     "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.14",
+    "tailwindcss": "^4.1.15",
     "typescript": "5.6.2"
   }
 }

front/package.json

@@ -1 +0,0 @@
-// 커뮤니티 사용자 분석 결과 상세 페이지, 댓글 기능 있어야 하는 곳

front/src/app/community/[id]/page.tsx

@@ -1 +1,14 @@
-// 커뮤니티 메인 페이지
+// 커뮤니티 사용자 분석 결과 상세 페이지, 댓글 기능 있어야 하는 곳
+"use client"
+
+import { useCommunity } from "@/hooks/community/useCommunity"
+import RepoList from "@/components/community/RepoList"
+
+export default function CommunityPage() {
+  const { repos, loading, error } = useCommunity()
+
+  if (loading) return <div>Loading...</div>
+  if (error) return <div>에러가 발생했습니다 😢</div>
+
+  return <RepoList repos={repos} />
+}

front/src/app/community/page.tsx

@@ -6,6 +6,7 @@ import { Suspense } from "react"
 import Header from "@/components/Header"
 import Footer from "@/components/Footer"
 import { ToastProvider } from "@/components/ui/Toast"
+import Link from "next/link";
 
 const inter = Inter({
   subsets: ["latin"],

front/src/app/layout.tsx

@@ -0,0 +1,26 @@
+"use client"
+
+import { useEffect, useState } from "react"
+import { Repo } from "@/types/community"
+
+export function useCommunity() {
+  const [repos, setRepos] = useState<Repo[]>([])
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<Error | null>(null)
+
+  useEffect(() => {
+    fetch("http://localhost:8080/api/community/repositories")
+      .then(res => res.json())
+      .then(data => {
+        setRepos(data)
+        setLoading(false)
+      })
+      .catch(err => {
+        console.error(err)
+        setError(err)
+        setLoading(false)
+      })
+  }, [])
+
+  return { repos, loading, error }
+}

front/src/hooks/community/useCommunity.ts

@@ -1 +1,8 @@
 // community 도메인 API
+import { Repo } from "../../types/community"
+
+export const fetchRepos = async (): Promise<Repo[]> => {
+  const res = await fetch("http://localhost:8080/api/community/repositories")
+  if (!res.ok) throw new Error("레포지토리 조회 실패")
+  return res.json()
+}

front/src/lib/api/community.ts

@@ -1 +1,10 @@
 // community 도메인 타입
+export type Repo = {
+  id: number
+  userName: string
+  userImage?: string
+  repoName: string
+  summary: string
+  languages?: string[]
+  totalScore: number
+}