diff --git a/src/App.js b/src/App.js
index 8d0a57e9f872ca7d19f14c0715fcb62fc2341a5d..d3825573be5af171c70c6abeb642327e97190bb0 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,6 @@
-import React from 'react';
+//import React from 'react';
+import React, { useEffect } from 'react';
+
 import MusicList from './MusicList';
 import music_list from './data';
 import { Box, Tabs, Tab, Typography, AppBar, CssBaseline } from '@mui/material';
@@ -15,6 +17,17 @@ export default function App() {
     const handleTabChange = (event, newValue) => {
         setCurrentTab(newValue);
     }
+
+    useEffect(() => {
+        axios.get('/likes')
+            .then((response) => {
+                const data = response.data;
+                setFavorites(data);
+            })
+            .catch((error) => {
+                console.error('Error:', error);
+            });
+    }, []);
     //수정 - 버전1
     // const handleOnLike = (item) => {
     // let value = favorites.find(it => it.collectionId == item.collectionId)
@@ -114,6 +127,8 @@ export default function App() {
                 collectionName: item.collectionName,
                 collectionViewUrl: item.collectionViewUrl
             }
+
+
             )
                 .then((response) => {
                     console.log(response.data);
diff --git a/src/favorites.js b/src/favorites.js
index 4f31a32547ff1020ceb7ddf896fd1eb26291de8d..873133d76c1f2babfbab73335eb58774b52af3c1 100644
--- a/src/favorites.js
+++ b/src/favorites.js
@@ -3,23 +3,25 @@ import { Typography } from '@mui/material';
 import MusicList from './MusicList';
 import axios from 'axios';
 import React, { useEffect } from 'react';
+import App from './App';
 
-const Favorites = ({ list, onLike }) => {
+const Favorites = ({ list, onLike, setFavorites }) => {
 
-  useEffect(() => {
-    axios.get('/likes')
-      .then((response) => {
-        const data = response.data;
-        setFavorites(data);
-      })
-      .catch((error) => {
-        console.error('Error:', error);
-      });
-  }, []);
+  // useEffect(() => {
+  //   axios.get('/likes')
+  //     .then((response) => {
+  //       const data = response.data;
+  //       setFavorites(data);
+  //     })
+  //     .catch((error) => {
+  //       console.error('Error:', error);
+  //     });
+  // }, []);
 
   return (
     <React.Fragment>
       <MusicList list={list} onLike={onLike} />
+      {/* <App setFavorites={setFavorites} /> */}
     </React.Fragment>
 
   );