diff --git a/src/App.js b/src/App.js index 1dd15cff6ac057a210849ad10084702b7752d946..10d66b5adeef8cefd477215fc49707a1e257a0e1 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 2c54009f2d49ad733749c4ef3df58b7893a699e6..34a67178138ea31f5b8a08830f8ac34ede6ec9c8 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);