diff --git a/src/pages/Home.js b/src/pages/Home.js index eaac193..681cf63 100644 --- a/src/pages/Home.js +++ b/src/pages/Home.js @@ -1,8 +1,17 @@ -import React from 'react'; -import { posts } from '../data/sampleData'; -import PostCard from '../components/PostCard'; +import React, { useEffect, useState } from 'react'; +import blogApi from '../api/blogApi'; +import { useNavigate } from 'react-router-dom'; const Home = () => { + const [posts, setPosts] = useState([]); + const navigate = useNavigate(); + + useEffect(() => { + blogApi.get('/api/blog/posts/') + .then(res => setPosts(res.data)) + .catch(err => console.error('게시글 목록 조회 실패:', err)); + }, []); + return (
작성자: {post.author_name}
++ 작성일: {new Date(post.created_at).toLocaleString()} +
+게시글이 없습니다.
+ )} +