라우팅 1차 작업

src/component/Header.tsx

@@ -1,6 +1,6 @@
 import { Menu, User } from 'react-feather';
 import { useNavigate } from 'react-router-dom';
-import Logo from '../image/Logo.png';
+import Logo from '../image/Logo.svg';
 
 type HeaderProps = {
   onMenuClick: () => void;
@@ -9,11 +9,23 @@ type HeaderProps = {
 export default function Header({ onMenuClick }: HeaderProps) {
   const navigate = useNavigate();
 
+  const handleUserClick = () => {
+    const token = localStorage.getItem('accessToken'); // ✅ 로그인 여부 확인
+    if (token) {
+      navigate('/mypage');  // 로그인 → 마이페이지
+    } else {
+      navigate('/login');   // 비로그인 → 로그인 페이지
+    }
+  };
+
   return (
     <header className="bg-beige3 fixed top-0 right-0 left-0 z-50 mx-auto flex h-14 w-full max-w-[430px] items-center justify-between">
       <div className="flex w-full flex-row items-center justify-between px-4 py-3">
         {/* 왼쪽: 메뉴(햄버거) 아이콘 */}
-        <Menu className="h-7 w-7 cursor-pointer text-green-700" onClick={onMenuClick} />
+        <Menu
+          className="h-7 w-7 cursor-pointer text-green-700"
+          onClick={onMenuClick}
+        />
 
         {/* 가운데: 로고 이미지 */}
         <div className="flex flex-1 justify-center">
@@ -28,7 +40,7 @@ export default function Header({ onMenuClick }: HeaderProps) {
         {/* 오른쪽: 사람 아이콘 */}
         <User
           className="h-7 w-7 cursor-pointer text-green-700"
-          onClick={() => navigate('/mypage')}
+          onClick={handleUserClick} // ✅ 조건부 이동
         />
       </div>
     </header>

src/constants/MyTravel.tsx

@@ -0,0 +1,6 @@
+export const TRAVEL_ITEMS = [
+  { id: 1, title: '행궁동', tranquil: true, type: '자연관광지', likes: 3 },
+  { id: 2, title: '행궁동', tranquil: true, type: '자연관광지', likes: 3 },
+  { id: 3, title: '행궁동', tranquil: true, type: '자연관광지', likes: 3 },
+  { id: 4, title: '행궁동', tranquil: true, type: '자연관광지', likes: 3 },
+];

src/image/Logo.png.url

@@ -0,0 +1,2 @@
+[InternetShortcut]
+URL=https://github.com/SoomTeum/frontend/blob/develop/src/image/Logo.png