diff --git a/src/pages/PeopleListPage/PeopleListPage.jsx b/src/pages/PeopleListPage/PeopleListPage.jsx index 62645cf..3a3e787 100644 --- a/src/pages/PeopleListPage/PeopleListPage.jsx +++ b/src/pages/PeopleListPage/PeopleListPage.jsx @@ -3,8 +3,13 @@ import { useNavigate } from "react-router-dom"; import Layout from "../../components/Common/Layout.jsx"; import MiniLayout from "../../components/Common/miniLayout.jsx"; import PeopleCard from "../../components/PeopleListComponents/PeopleCard/peopleCard.jsx"; -import { PeopleListCall } from "../../api/PeopleListCall.js"; // PeopleListCall 불러오기 -import dummyImages1 from "../../assets/dummyImages/peopleList.jpeg"; +import fetchMembersList from "../../services/fetchMembersList.js"; +import dummyImages1 from "../../assets/dummyImages/peopleList.jpeg" +import dummyImages2 from "../../assets/dummyImages/peoplelist2.png" +import dummyImages3 from "../../assets/dummyImages/peoplelist3.png" + + + export const PeopleListPage = () => { const navigate = useNavigate(); @@ -16,9 +21,8 @@ export const PeopleListPage = () => { const displayMembers = async () => { setIsLoading(true); try { - // fetchMembersList 대신 PeopleListCall 사용 - const membersData = await PeopleListCall(); - console.log('Fetched Members:', membersData.data); // 데이터 구조를 확인하기 위해 콘솔에 출력 + const membersData = await fetchMembersList(); + console.log('Fetched Members:', membersData.data); if (membersData && membersData.data && membersData.data.memberList) { setMembers(membersData.data.memberList); } else { @@ -35,6 +39,7 @@ export const PeopleListPage = () => { //displayMembers(); }, []); + ; const handleCardClick = () => { navigate('/details'); @@ -47,78 +52,36 @@ export const PeopleListPage = () => { - - - - - - - ); -}; \ No newline at end of file +};