diff --git a/app/api/statistics/category/route.js b/app/api/statistics/category/route.js
new file mode 100644
index 0000000..00765cc
--- /dev/null
+++ b/app/api/statistics/category/route.js
@@ -0,0 +1,10 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+  const response = await fetch(
+    "http://34.64.250.183:8080/api/statistics/category"
+  );
+  const data = await response.json();
+
+  return NextResponse.json(data);
+}
diff --git a/app/api/statistics/summary/route.js b/app/api/statistics/summary/route.js
new file mode 100644
index 0000000..2ccc4e6
--- /dev/null
+++ b/app/api/statistics/summary/route.js
@@ -0,0 +1,10 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+  const response = await fetch(
+    "http://34.64.250.183:8080/api/statistics/summary"
+  );
+  const data = await response.json();
+
+  return NextResponse.json(data);
+}
diff --git a/app/api/statistics/weekly/route.js b/app/api/statistics/weekly/route.js
new file mode 100644
index 0000000..c5d0c23
--- /dev/null
+++ b/app/api/statistics/weekly/route.js
@@ -0,0 +1,10 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+  const response = await fetch(
+    "http://34.64.250.183:8080/api/statistics/weekly"
+  );
+  const data = await response.json();
+
+  return NextResponse.json(data);
+}
diff --git a/app/statistics/page.js b/app/statistics/page.js
index 652a6bb..51e8e09 100644
--- a/app/statistics/page.js
+++ b/app/statistics/page.js
@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import { Container, Typography } from "@mui/material";
 import { Responsive, WidthProvider } from "react-grid-layout";
 import "@/styles/react-grid.css";
@@ -18,11 +18,6 @@ import {
   RadialLinearScale,
 } from "chart.js";
 import ChartDataLabels from "chartjs-plugin-datalabels";
-import {
-  mockSummaryStatisticsData,
-  mockWeeklyStatisticsData,
-  mockCategoryStatisticsData,
-} from "@/constants/mockStatisticsResponseData";
 
 import TotalSolvedChart from "@/components/statistics/summary/total-solved";
 import CorrectRateChart from "@/components/statistics/summary/correct-rate";
@@ -31,7 +26,7 @@ import CategorySolvedChart from "@/components/statistics/category/category-solve
 import CategoryAccuracyChart from "@/components/statistics/category/category-accuracy";
 import WeeklyTrendChart from "@/components/statistics/weekly/weekly-trend";
 import { statisticUtils } from "@/utils/statisticUtils";
-import {Bell, Settings} from "lucide-react";
+import { Bell, Settings } from "lucide-react";
 
 const ResponsiveGridLayout = WidthProvider(Responsive);
 
@@ -69,6 +64,48 @@ export default function StatisticsPage() {
     ],
   });
 
+  const [summaryData, setSummaryData] = useState(null);
+  const [weeklyData, setWeeklyData] = useState(null);
+  const [categoryData, setCategoryData] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        // API 호출
+        const [summaryRes, weeklyRes, categoryRes] = await Promise.all([
+          fetch("/api/statistics/summary"),
+          fetch("/api/statistics/weekly"),
+          fetch("/api/statistics/category"),
+        ]);
+
+        // JSON 파싱
+        const summary = await summaryRes.json();
+        const weekly = await weeklyRes.json();
+        const category = await categoryRes.json();
+
+        // 상태 업데이트
+        setSummaryData(summary);
+        setWeeklyData(weekly);
+        setCategoryData(category);
+      } catch (error) {
+        console.error("Error fetching data:", error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+
+  if (isLoading) {
+    return (
+      <div className="min-h-screen bg-gray-50 flex items-center justify-center">
+        <div>Loading...</div>
+      </div>
+    );
+  }
+
   const gridItemStyle = {
     backgroundColor: "#fff",
     borderRadius: "8px",
@@ -78,92 +115,91 @@ export default function StatisticsPage() {
   };
 
   return (
-      <div className="min-h-screen bg-gray-50">
-        {/* Header */}
-        <header className="bg-[#6DB1B2] text-white py-6">
-          <div className="container mx-auto px-4">
-            <div className="flex items-center justify-between">
-              <h1 className="text-2xl font-bold">나의 학습통계</h1>
-              <div className="flex gap-4">
-                <Bell className="w-6 h-6 cursor-pointer hover:opacity-80"/>
-                <Settings className="w-6 h-6 cursor-pointer hover:opacity-80"/>
-              </div>
+    <div className="min-h-screen bg-gray-50">
+      {/* Header */}
+      <header className="bg-[#6DB1B2] text-white py-6">
+        <div className="container mx-auto px-4">
+          <div className="flex items-center justify-between">
+            <h1 className="text-2xl font-bold">나의 학습통계</h1>
+            <div className="flex gap-4">
+              <Bell className="w-6 h-6 cursor-pointer hover:opacity-80" />
+              <Settings className="w-6 h-6 cursor-pointer hover:opacity-80" />
             </div>
           </div>
-        </header>
-
-        <Container maxWidth={false} disableGutters sx={{p: 3, height: "100vh"}}>
-          {/*<Typography variant="h4" gutterBottom sx={{mb: 4}}>*/}
-          {/*  나의 학습 통계*/}
-          {/*</Typography>*/}
-
-          <ResponsiveGridLayout
-              className="layout"
-              layouts={layouts}
-              breakpoints={{lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0}}
-              cols={{lg: 12, md: 12, sm: 6, xs: 4, xxs: 2}}
-              rowHeight={50}
-              margin={[16, 16]}
-              compactType="vertical"
-              preventCollision={false}
-              isResizable={true}
-              isDraggable={true}
-              onLayoutChange={(currentLayout, allLayouts) => {
-                setLayouts(allLayouts);
-              }}
-          >
-            <div key="category" style={gridItemStyle}>
-              <CategorySolvedChart data={mockCategoryStatisticsData}/>
-            </div>
+        </div>
+      </header>
 
-            <div key="weekly" style={gridItemStyle}>
-              <WeeklyTrendChart data={mockWeeklyStatisticsData}/>
-            </div>
+      {/* 나의 학습 통계 */}
+      <Container maxWidth={false} disableGutters sx={{ p: 3, height: "100vh" }}>
+        <ResponsiveGridLayout
+          className="layout"
+          layouts={layouts}
+          breakpoints={{ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }}
+          cols={{ lg: 12, md: 12, sm: 6, xs: 4, xxs: 2 }}
+          rowHeight={50}
+          margin={[16, 16]}
+          compactType="vertical"
+          preventCollision={false}
+          isResizable={true}
+          isDraggable={true}
+          onLayoutChange={(currentLayout, allLayouts) => {
+            setLayouts(allLayouts);
+          }}
+        >
+          <div key="category" style={gridItemStyle}>
+            <CategorySolvedChart data={categoryData} />
+          </div>
 
-            <div key="summary-solved" style={gridItemStyle}>
-              <Typography variant="h6" color="primary" gutterBottom>
-                총 해결한 문제
-              </Typography>
-              <Typography variant="h3">
-                {mockSummaryStatisticsData.data.user.totalSolved}문제
-              </Typography>
-            </div>
-            <div key="summary-accuracy" style={gridItemStyle}>
-              <Typography variant="h6" color="primary" gutterBottom>
-                나의 정답률
-              </Typography>
-              <Typography variant="h3">
-                {mockSummaryStatisticsData.data.user.correctRate}%
-              </Typography>
-            </div>
-            <div key="summary-time" style={gridItemStyle}>
-              <Typography variant="h6" color="primary" gutterBottom>
-                평균 풀이 시간
-              </Typography>
-              <Typography variant="h3">
-                {statisticUtils.formatters.timeInSeconds(
-                    mockSummaryStatisticsData.data.user.timeStats.averageTime
-                )}
-              </Typography>
-            </div>
+          <div key="weekly" style={gridItemStyle}>
+            <WeeklyTrendChart data={weeklyData} />
+          </div>
 
-            <div key="problem-solved" style={gridItemStyle}>
-              <TotalSolvedChart data={mockSummaryStatisticsData}/>
-            </div>
+          <div key="summary-solved" style={gridItemStyle}>
+            <Typography variant="h6" color="primary" gutterBottom>
+              총 해결한 문제
+            </Typography>
+            <Typography variant="h3">
+              {summaryData.data.user.totalSolved}문제
+            </Typography>
+          </div>
 
-            <div key="correct-rate" style={gridItemStyle}>
-              <CorrectRateChart data={mockSummaryStatisticsData}/>
-            </div>
+          <div key="summary-accuracy" style={gridItemStyle}>
+            <Typography variant="h6" color="primary" gutterBottom>
+              나의 정답률
+            </Typography>
+            <Typography variant="h3">
+              {summaryData.data.user.correctRate}%
+            </Typography>
+          </div>
 
-            <div key="distribution" style={gridItemStyle}>
-              <CorrectDistributionChart data={mockSummaryStatisticsData}/>
-            </div>
+          <div key="summary-time" style={gridItemStyle}>
+            <Typography variant="h6" color="primary" gutterBottom>
+              평균 풀이 시간
+            </Typography>
+            <Typography variant="h3">
+              {statisticUtils.formatters.timeInSeconds(
+                summaryData.data.user.timeStats.averageTime
+              )}
+            </Typography>
+          </div>
 
-            <div key="category-accuracy" style={gridItemStyle}>
-              <CategoryAccuracyChart data={mockCategoryStatisticsData}/>
-            </div>
-          </ResponsiveGridLayout>
-        </Container>
-      </div>
-        );
-        }
+          <div key="problem-solved" style={gridItemStyle}>
+            <TotalSolvedChart data={summaryData} />
+          </div>
+
+          <div key="correct-rate" style={gridItemStyle}>
+            <CorrectRateChart data={summaryData} />
+          </div>
+
+          <div key="distribution" style={gridItemStyle}>
+            <CorrectDistributionChart data={summaryData} />
+          </div>
+
+          <div key="category-accuracy" style={gridItemStyle}>
+            <CategoryAccuracyChart data={categoryData} />
+          </div>
+        </ResponsiveGridLayout>
+      </Container>
+    </div>
+  );
+}
diff --git a/constants/mockStatisticsResponseData.js b/constants/mockStatisticsResponseData.js
deleted file mode 100644
index 7bf607b..0000000
--- a/constants/mockStatisticsResponseData.js
+++ /dev/null
@@ -1,252 +0,0 @@
-/**
- * GET /api/statistics/summary
- * 사용자 통계 요약 정보
- */
-export const mockSummaryStatisticsData = {
-  isSuccess: true,
-  statusCode: 200,
-  message: "사용자 통계 요약 정보 조회 성공",
-  data: {
-    user: {
-      totalSolved: 45,
-      correctRate: 78,
-      incorrectRate: 22,
-      timeStats: {
-        averageTime: 240, // 문제당 평균 소요 시간(초)
-        totalTime: 10800, // 총 학습 시간(초)
-        fastestTime: 60, // 최단 소요 시간(초)
-        longestTime: 600, // 최장 소요 시간(초)
-        averageTimeByCategory: {
-          // 카테고리별 평균 소요 시간(초)
-          운영체제: 240,
-          네트워크: 200,
-          자료구조: 250,
-          알고리즘: 300,
-          DB: 150,
-          보안: 150,
-        },
-      },
-    },
-    average: {
-      totalSolved: 32,
-      correctRate: 65,
-      incorrectRate: 35,
-      timeStats: {
-        averageTime: 300, // 전체 사용자 평균 소요 시간(초)
-        totalTime: 9600, // 전체 사용자 평균 총 학습 시간(초)
-      },
-    },
-  },
-};
-
-/**
- * GET /api/statistics/weekly
- * 주간 문제 해결 현황
- */
-export const mockWeeklyStatisticsData = {
-  isSuccess: true,
-  statusCode: 200,
-  message: "주간 문제 해결 현황 조회 성공",
-  data: {
-    weeklyProgress: [
-      {
-        day: "월",
-        date: "2024-01-22",
-        solved: 4,
-        categoryDetails: [
-          { category: "운영체제", solved: 1 },
-          { category: "네트워크", solved: 0 },
-          { category: "자료구조", solved: 1 },
-          { category: "알고리즘", solved: 2 },
-          { category: "DB", solved: 0 },
-          { category: "보안", solved: 0 },
-        ],
-      },
-      {
-        day: "화",
-        date: "2024-01-23",
-        solved: 6,
-        categoryDetails: [
-          { category: "운영체제", solved: 2 },
-          { category: "네트워크", solved: 1 },
-          { category: "자료구조", solved: 1 },
-          { category: "알고리즘", solved: 1 },
-          { category: "DB", solved: 1 },
-          { category: "보안", solved: 0 },
-        ],
-      },
-      {
-        day: "수",
-        date: "2024-01-24",
-        solved: 3,
-        categoryDetails: [
-          { category: "운영체제", solved: 1 },
-          { category: "네트워크", solved: 0 },
-          { category: "자료구조", solved: 0 },
-          { category: "알고리즘", solved: 1 },
-          { category: "DB", solved: 1 },
-          { category: "보안", solved: 0 },
-        ],
-      },
-      {
-        day: "목",
-        date: "2024-01-25",
-        solved: 7,
-        categoryDetails: [
-          { category: "운영체제", solved: 2 },
-          { category: "네트워크", solved: 1 },
-          { category: "자료구조", solved: 1 },
-          { category: "알고리즘", solved: 2 },
-          { category: "DB", solved: 1 },
-          { category: "보안", solved: 0 },
-        ],
-      },
-      {
-        day: "금",
-        date: "2024-01-26",
-        solved: 5,
-        categoryDetails: [
-          { category: "운영체제", solved: 1 },
-          { category: "네트워크", solved: 1 },
-          { category: "자료구조", solved: 1 },
-          { category: "알고리즘", solved: 1 },
-          { category: "DB", solved: 0 },
-          { category: "보안", solved: 1 },
-        ],
-      },
-      {
-        day: "토",
-        date: "2024-01-27",
-        solved: 8,
-        categoryDetails: [
-          { category: "운영체제", solved: 2 },
-          { category: "네트워크", solved: 2 },
-          { category: "자료구조", solved: 1 },
-          { category: "알고리즘", solved: 2 },
-          { category: "DB", solved: 1 },
-          { category: "보안", solved: 0 },
-        ],
-      },
-      {
-        day: "일",
-        date: "2024-01-28",
-        solved: 4,
-        categoryDetails: [
-          { category: "운영체제", solved: 1 },
-          { category: "네트워크", solved: 0 },
-          { category: "자료구조", solved: 1 },
-          { category: "알고리즘", solved: 1 },
-          { category: "DB", solved: 1 },
-          { category: "보안", solved: 0 },
-        ],
-      },
-    ],
-  },
-};
-
-/**
- * GET /api/statistics/category
- * 카테고리별 통계
- */
-export const mockCategoryStatisticsData = {
-  isSuccess: true,
-  statusCode: 200,
-  message: "카테고리별 통계 조회 성공",
-  data: {
-    categories: [
-      {
-        name: "운영체제",
-        solvedCount: 12, // 푼 문제 수
-        totalSolvedPercentage: 17.1, // 전체 문제 중 차지하는 비율
-        correctCount: 14, // 맞은 문제 수
-        incorrectCount: 4, // 틀린 문제 수
-        totalCount: 18, // 시도한 문제 수
-        accuracyRate: 78, // 정답률
-        incorrectRate: 22, // 오답률
-        currentStreak: 3, // 현재 연속 정답 수
-        bestStreak: 5, // 최대 연속 정답 수
-      },
-      {
-        name: "네트워크",
-        solvedCount: 15,
-        totalSolvedPercentage: 21.4,
-        correctCount: 17,
-        incorrectCount: 3,
-        totalCount: 20,
-        accuracyRate: 85,
-        incorrectRate: 15,
-        currentStreak: 4,
-        bestStreak: 7,
-      },
-      {
-        name: "자료구조",
-        solvedCount: 8,
-        totalSolvedPercentage: 11.4,
-        correctCount: 22,
-        incorrectCount: 3,
-        totalCount: 25,
-        accuracyRate: 88,
-        incorrectRate: 12,
-        currentStreak: 2,
-        bestStreak: 6,
-      },
-      {
-        name: "알고리즘",
-        solvedCount: 20,
-        totalSolvedPercentage: 28.6,
-        correctCount: 15,
-        incorrectCount: 5,
-        totalCount: 20,
-        accuracyRate: 75,
-        incorrectRate: 25,
-        currentStreak: 5,
-        bestStreak: 8,
-      },
-      {
-        name: "DB",
-        solvedCount: 10,
-        totalSolvedPercentage: 14.3,
-        correctCount: 23,
-        incorrectCount: 2,
-        totalCount: 25,
-        accuracyRate: 92,
-        incorrectRate: 8,
-        currentStreak: 6,
-        bestStreak: 9,
-      },
-      {
-        name: "보안",
-        solvedCount: 5,
-        totalSolvedPercentage: 7.2,
-        correctCount: 9,
-        incorrectCount: 2,
-        totalCount: 11,
-        accuracyRate: 82,
-        incorrectRate: 18,
-        currentStreak: 1,
-        bestStreak: 3,
-      },
-    ],
-  },
-};
-
-/**
- * API 에러 응답 예시
- */
-export const errorResponse = {
-  isSuccess: false,
-  statusCode: 404,
-  message: "데이터를 찾을 수 없습니다.",
-  data: null,
-};
-
-/**
- * API 응답 상태 코드
- */
-export const API_STATUS = {
-  SUCCESS: 200,
-  BAD_REQUEST: 400,
-  UNAUTHORIZED: 401,
-  NOT_FOUND: 404,
-  SERVER_ERROR: 500,
-};