diff --git a/src/App.js b/src/App.js
index d480591c2b2213b9e0028211bc7c93e3e2669077..961073dc0ec20cc38a00d70361f9ac77d5eb9229 100644
--- a/src/App.js
+++ b/src/App.js
@@ -14,6 +14,37 @@ export default function App() {
     const [favorites, setFavorites] = React.useState([]);
     //const [like, setLike] = React.useState([]);
 
+    const fetchfunc = () => {
+        axios.get('http://localhost:8888/likes')
+            .then((response) => {
+                const data = response.data;
+                data.map(item => {
+                    console.log(item);
+                    handleOnLike(item);
+                })
+                //onLike(data);
+                //setFavorites(data);
+                console.log(data);
+            })
+            .catch((error) => {
+                console.error('Error:', error);
+            });
+    }
+
+    useEffect(() => {
+        // axios.get('http://localhost:8888/likes')
+        //     .then((response) => {
+        //         const data = response.data;
+        //         //onLike(data);
+        //         //setFavorites(data);
+        //         console.log(data);
+        //     })
+        //     .catch((error) => {
+        //         console.error('Error:', error);
+        //     });
+        fetchfunc();
+    }, []);
+
     const handleTabChange = (event, newValue) => {
         setCurrentTab(newValue);
     }
@@ -100,7 +131,7 @@ export default function App() {
             let b = favorites.filter((it) => it.collectionId !== item.collectionId);
             setFavorites(b);
 
-            axios.delete(`/likes/${item.collectionId}`)
+            axios.delete(`http://localhost:8888/likes/${item.collectionId}`)
                 .then((response) => {
                     console.log(response.data);
                 })
@@ -119,7 +150,7 @@ export default function App() {
             //setFavorites([...favorites, { ...item, like: true }]);
 
             //좋아요 아이템 spring 서버로 보내기
-            axios.post('/likes', {
+            axios.post('http://localhost:8888/likes', {
                 collectionId: item.collectionId,
                 collectionType: item.collectionType,
                 artistId: item.artistId,
@@ -209,7 +240,7 @@ export default function App() {
             </Box>
 
             {currentTab == 0 && <SearchPage list={searchResult} onSearch={setSearchResult} onLike={handleOnLike} />}
-            {currentTab == 1 && <Favorites list={favorites} onLike={handleOnLike} />}
+            {currentTab == 1 && <Favorites list={favorites} onFavorite={setFavorites} onLike={handleOnLike} />}
             {currentTab == 2 &&
                 <Typography align="center" variant="h2">Item Three</Typography>}
         </React.Fragment>
diff --git a/src/SearchPage.js b/src/SearchPage.js
index 92a6d69fd64bf24a7bcda519aac2655d121bd201..af5990c8dc33cb40376617aae6c9619506f88bf9 100644
--- a/src/SearchPage.js
+++ b/src/SearchPage.js
@@ -33,7 +33,7 @@ export default function SearchPage({ list, onSearch, onLike }) {
         //         console.error('Error:', error);
         //     });
 
-        fetch(`/musicSearch/${(searchWord)}`, {
+        fetch(`http://localhost:8888/musicSearch/${(searchWord)}`, {
             method: 'GET', // HTTP 메서드는 GET입니다.
             headers: {},
         })
diff --git a/src/favorites.js b/src/favorites.js
index b4597461e4ff27e77ca50258be4fc93338ac6190..e221cec545e1fa89848286b3a4d85d0337b9b292 100644
--- a/src/favorites.js
+++ b/src/favorites.js
@@ -5,19 +5,21 @@ import axios from 'axios';
 import React, { useEffect } from 'react';
 import App from './App';
 
-const Favorites = ({ list, onLike }) => {
-  const [Favorites, setFavorites] = React.useState([]);
-
-  useEffect(() => {
-    axios.get('/likes')
-      .then((response) => {
-        const data = response.data;
-        setFavorites(data);
-      })
-      .catch((error) => {
-        console.error('Error:', error);
-      });
-  }, []);
+const Favorites = ({ list, onSearch, onLike }) => {
+  //const [Favorites, setFavorites] = React.useState([]);
+
+  // useEffect(() => {
+  //   axios.get('http://localhost:8888/likes')
+  //     .then((response) => {
+  //       const data = response.data;
+  //       onLike(data);
+  //       //setFavorites(data);
+  //       console.log(data);
+  //     })
+  //     .catch((error) => {
+  //       console.error('Error:', error);
+  //     });
+  // }, []);
 
   return (
     <React.Fragment>