0727 교수님 피드백

src/App.js

@@ -13,6 +13,8 @@ export default function App () {
     const [snackState, setSnackState] = React.useState({open: false, msg:''})//스낵바열림결과
     const [favorites, setFavorites] = React.useState([]);//재검색해도 Favorites목록이 리셋되는 것을 막기 위해 Favorites 모아놓은 상태변수 만듦
 
+    //여기에 useEffect로 favorites랑 likes관리    
+    //useEffect 안에 console.log(~~, []) 이런 식으로 useEffect가 1번만 작동하게 만들기
     const handleTabChange = (event, newValue) => {//탭
         setCurrentTab(newValue);
     }
@@ -22,12 +24,15 @@ export default function App () {
         setSnackState({open: true, msg: `${name} is clicked`})
         if (likes[id]) {//이미 좋아요를 한 item이라면
             setFavorites(prevFavorites => prevFavorites.filter(item => item.collectionId !== id));
+            //여기에 DELETE 연결
         } 
         else {//그게 아니라서 굳이 신경쓸 필요 없으면
             const selectedItem = searchResult.find(item => item.collectionId === id);
             if (selectedItem) {
               setFavorites(prevFavorites => [...prevFavorites, selectedItem]);
+              //여기에 POST 연결
             }
+
         }
     }
 

src/SearchPage.js

@@ -9,6 +9,7 @@ export default function SearchPage ({onSearch}) {
         console.log(searchWord);
         setSearchWord('');
         fetch(`http://itunes.apple.com/search?term=${searchWord}&entity=album`)
+        // fetch(`/musicSearch/${searchWord}`)로 바꾸기
         .then(r => r.json()).then(r => {
             console.log(r);
             onSearch(r.results);