From 8c9c94c8edc8f2ffcc31ea175538db7b950b8a5b Mon Sep 17 00:00:00 2001
From: Hyunjin <noh0605@ajou.ac.kr>
Date: Thu, 27 Jul 2023 15:13:35 +0900
Subject: [PATCH] =?UTF-8?q?0727=20=EA=B5=90=EC=88=98=EB=8B=98=20=ED=94=BC?=
=?UTF-8?q?=EB=93=9C=EB=B0=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/App.js | 5 +++++
src/SearchPage.js | 1 +
2 files changed, 6 insertions(+)
diff --git a/src/App.js b/src/App.js
index 1dd15cf..10d66b5 100644
--- a/src/App.js
+++ b/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 연결
}
+
}
}
diff --git a/src/SearchPage.js b/src/SearchPage.js
index 2c54009..34a6717 100644
--- a/src/SearchPage.js
+++ b/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);
--
GitLab