1. 찜 목록

import { useFavoritesList } from '@/hooks/useFavoritesList'
import Spinner from '@/components/loading/Spinner'

const FavoritesPage = () => {
  const { favorites, isLoading, isError } = useFavoritesList()

  if (isLoading) return <Spinner />
  if (isError) return <div className={css.error}>찜 목록을 불러오는 중 오류가 발생했습니다.</div>

  return (
      {favorites.length === 0 ? (
        <p className={css.empty}>아직 찜한 항목이 없습니다.</p>
      ) : (
        <ul className={css.list}>
          {favorites.map(fav => (
            <li key={fav._id} className={css.item}>
              {fav.destination.contentid}
            </li>
          ))}
        </ul>
      )}
}

export default FavoritesPage

2.로그아웃 참고용

@@ -4,12 +4,21 @@ import Header from '@/components/common/Header/Header'
import MyTrips from '@/components/mypageTaps/MyTrips'
import SavedList from '@/components/mypageTaps/SavedList'
import FriendsList from '@/components/mypageTaps/FriendsList'
import { useSelector } from 'react-redux'
import { useDispatch, useSelector } from 'react-redux'
import profileImage from '@/assets/imgs/ProfileBasicImg.png'
import { logout } from '@/store/authSlice'
import { useNavigate } from 'react-router-dom'
const MyPage = () => {
  //   // Redux store에서 user 정보만 꺼내서 화면에 표시
  const dispatch = useDispatch()
  const navigate = useNavigate()
  const user = useSelector(state => state.auth.user)

  const handleLogout = () => {
    dispatch(logout())
    navigate('/')
  }

  const tabs = [
    { key: 'myTrips', label: '내 여행', component: <MyTrips /> },
    { key: 'saved', label: '저장 목록', component: <SavedList /> },
@@ -39,6 +48,9 @@ const MyPage = () => {
          <p>일정을 생성하고 계획해보세요!</p>
        </div>
      </section>
      <p className={css.logoutText} onClick={handleLogout}>
        로그아웃
      </p>