diff --git a/package-lock.json b/package-lock.json
index d7f1f7d..2c3d2be 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,7 +24,6 @@
         "clsx": "^2.1.1",
         "lucide-react": "^0.462.0",
         "next": "15.3.4",
-        "qrcode": "^1.5.4",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "sonner": "^1.5.0",
diff --git a/package.json b/package.json
index 98aa1c1..d7a471f 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,6 @@
     "clsx": "^2.1.1",
     "lucide-react": "^0.462.0",
     "next": "15.3.4",
-    "qrcode": "^1.5.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sonner": "^1.5.0",
diff --git a/public/qr.jpeg b/public/qr.jpeg
new file mode 100644
index 0000000..2e76b83
Binary files /dev/null and b/public/qr.jpeg differ
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
deleted file mode 100644
index 5abc48d..0000000
--- a/src/app/admin/layout.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Toaster } from "@/components/landing/ui/sonner";
-
-export default function AdminLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <div className="min-h-screen bg-gray-50">
-      {children}
-      <Toaster position="top-right" />
-    </div>
-  );
-}
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
deleted file mode 100644
index 3e18c75..0000000
--- a/src/app/admin/page.tsx
+++ /dev/null
@@ -1,1946 +0,0 @@
-"use client";
-
-import { useState, useEffect, useCallback } from "react";
-import svg2vectordrawable from "svg2vectordrawable";
-import {
-  getGuides,
-  deleteGuides,
-  uploadGuidePair,
-} from "@/app/services/apis/guide";
-import {
-  Guide,
-  FoodCategory,
-  FOOD_CATEGORY_OPTIONS,
-} from "@/app/services/types/guide";
-import { toast } from "sonner";
-import { Button } from "@/components/landing/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/landing/ui/card";
-import { Input } from "@/components/landing/ui/input";
-import { Label } from "@/components/landing/ui/label";
-import { Checkbox } from "@/components/landing/ui/checkbox";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/landing/ui/dialog";
-import Image from "next/image";
-
-// SVG-이미지 나란히 보기 컴포넌트
-const SvgImagePreview = ({
-  guide,
-  className,
-}: {
-  guide: Guide;
-  className?: string;
-}) => {
-  const [svgError, setSvgError] = useState(false);
-  const [svgLoading, setSvgLoading] = useState(true);
-
-  const handleSvgLoad = () => {
-    console.log("SVG object 로드 성공");
-    setSvgLoading(false);
-  };
-
-  const handleSvgError = () => {
-    console.log("SVG object 로드 실패");
-    setSvgError(true);
-    setSvgLoading(false);
-  };
-
-  return (
-    <div className="w-full h-full flex space-x-2">
-      {/* SVG 미리보기 */}
-      <div className="flex-1 relative overflow-hidden border rounded bg-gray-200">
-        <div className="absolute top-1 left-1 z-10 text-xs bg-black bg-opacity-50 text-white px-1 rounded">
-          SVG
-        </div>
-        {!svgError ? (
-          <>
-            <object
-              data={`https://cdn.chalpu.com/${guide.svgS3Key}`}
-              type="image/svg+xml"
-              onLoad={handleSvgLoad}
-              onError={handleSvgError}
-              className={`w-full h-full transition-opacity duration-300 ${
-                svgLoading ? "opacity-0" : "opacity-100"
-              }`}
-              style={{
-                objectFit: "contain",
-              }}
-            />
-            {svgLoading && (
-              <div className="absolute inset-0 flex items-center justify-center">
-                <div className="text-xs text-gray-500">SVG 로딩 중...</div>
-              </div>
-            )}
-          </>
-        ) : (
-          <div className="absolute inset-0 flex items-center justify-center">
-            <div className="text-xs text-red-500">SVG 로드 실패</div>
-          </div>
-        )}
-      </div>
-
-      {/* 이미지 미리보기 */}
-      <div className="flex-1 relative overflow-hidden border rounded bg-gray-50">
-        <div className="absolute top-1 left-1 z-10 text-xs bg-black bg-opacity-50 text-white px-1 rounded">
-          IMG
-        </div>
-        <Image
-          src={`https://cdn.chalpu.com/${guide.imageS3Key}`}
-          alt={guide.fileName}
-          fill
-          className={`${className} object-contain`}
-        />
-      </div>
-    </div>
-  );
-};
-
-export default function AdminPage() {
-  const [mounted, setMounted] = useState(false);
-  const [guides, setGuides] = useState<Guide[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  // 토큰 관리 상태
-  const [authToken, setAuthToken] = useState("");
-  const [tokenInput, setTokenInput] = useState("");
-  const [tokenStatus, setTokenStatus] = useState<"none" | "valid" | "invalid">(
-    "none"
-  );
-
-  // 뷰 모드 상태 (그리드/리스트)
-  const [viewMode, setViewMode] = useState<"grid" | "list">("grid");
-
-  // 선택된 가이드 관리
-  const [selectedGuides, setSelectedGuides] = useState<number[]>([]);
-
-  // 일괄삭제 모달 관리
-  const [showBatchDeleteModal, setShowBatchDeleteModal] = useState(false);
-  const [batchDeleteIds, setBatchDeleteIds] = useState<string>("");
-
-  // 정렬 상태
-  const [sortBy, setSortBy] = useState<"id" | "name" | "category">("id");
-  const [sortOrder, setSortOrder] = useState<"asc" | "desc">("desc");
-
-  // 파일 트리플 업로드 관련 상태 (SVG, XML, 이미지)
-  interface FileUploadTriple {
-    id: string;
-    svgFile: File | null; // SVG 파일 (UI 미리보기용)
-    xmlFile: File | null; // XML 파일 (안드로이드용, SVG에서 자동 변환)
-    imageFile: File | null; // 이미지 파일
-    fileName: string;
-    uploading: boolean;
-    progress: number;
-    error: string | null;
-    completed: boolean;
-    nameMatchError: boolean;
-    category: FoodCategory; // 선택된 카테고리
-    content?: string; // 가이드 설명
-    tags: string[]; // 태그 목록
-    tagInput: string; // 태그 입력 필드
-    isComposing: boolean; // 한글 입력 상태 관리
-  }
-
-  const [uploadTriples, setUploadTriples] = useState<FileUploadTriple[]>([
-    {
-      id: "triple-1",
-      svgFile: null,
-      xmlFile: null,
-      imageFile: null,
-      fileName: "",
-      uploading: false,
-      progress: 0,
-      error: null,
-      completed: false,
-      nameMatchError: false,
-      category: FoodCategory.COFFEE,
-      content: "",
-      tags: [],
-      tagInput: "",
-      isComposing: false,
-    },
-  ]);
-
-  // 클라이언트에서만 렌더링하도록 설정
-  useEffect(() => {
-    setMounted(true);
-
-    // 로컬 스토리지에서 저장된 토큰 불러오기
-    const savedToken = localStorage.getItem("admin_auth_token");
-    if (savedToken) {
-      setAuthToken(savedToken);
-      setTokenInput(savedToken);
-      setTokenStatus("valid");
-    }
-  }, []);
-
-  // 토큰 저장 함수
-  const saveToken = () => {
-    if (!tokenInput.trim()) {
-      toast.error("토큰을 입력해주세요.");
-      return;
-    }
-
-    try {
-      localStorage.setItem("admin_auth_token", tokenInput.trim());
-      setAuthToken(tokenInput.trim());
-      setTokenStatus("valid");
-      toast.success("토큰이 저장되었습니다.");
-
-      // 토큰 저장 후 가이드 목록 다시 로드
-      loadGuides();
-    } catch (error) {
-      console.error("Failed to save token:", error);
-      toast.error("토큰 저장에 실패했습니다.");
-    }
-  };
-
-  // 토큰 제거 함수
-  const removeToken = () => {
-    localStorage.removeItem("admin_auth_token");
-    setAuthToken("");
-    setTokenInput("");
-    setTokenStatus("none");
-    setGuides([]);
-    toast.success("토큰이 제거되었습니다.");
-  };
-
-  // 토큰 테스트 함수
-  const testToken = async () => {
-    if (!authToken) {
-      toast.error("저장된 토큰이 없습니다.");
-      return;
-    }
-
-    try {
-      // 간단한 API 호출로 토큰 유효성 테스트
-      await getGuides({ page: 0, size: 1 });
-      setTokenStatus("valid");
-      toast.success("토큰이 유효합니다.");
-    } catch (error) {
-      setTokenStatus("invalid");
-      toast.error("토큰이 유효하지 않습니다.");
-    }
-  };
-
-  // 가이드 목록 로드
-  const loadGuides = useCallback(async () => {
-    if (!authToken) {
-      setLoading(false);
-      return;
-    }
-
-    try {
-      setLoading(true);
-      const response = await getGuides({ page: 0, size: 50 });
-      setGuides(response.content);
-      setSelectedGuides([]); // 가이드 목록이 변경될 때 선택 상태 초기화
-      setTokenStatus("valid");
-    } catch (error) {
-      console.error("Failed to load guides:", error);
-      setTokenStatus("invalid");
-      toast.error(
-        "가이드 목록을 불러오는데 실패했습니다. 토큰을 확인해주세요."
-      );
-    } finally {
-      setLoading(false);
-    }
-  }, [authToken]);
-
-  useEffect(() => {
-    if (mounted && authToken) {
-      loadGuides();
-    }
-  }, [mounted, authToken, loadGuides]);
-
-  // 새 파일 트리플 추가
-  const addNewTriple = () => {
-    const newTriple: FileUploadTriple = {
-      id: `triple-${Date.now()}`,
-      svgFile: null,
-      xmlFile: null,
-      imageFile: null,
-      fileName: "",
-      uploading: false,
-      progress: 0,
-      error: null,
-      completed: false,
-      nameMatchError: false,
-      category: FoodCategory.COFFEE,
-      content: "",
-      tags: [],
-      tagInput: "",
-      isComposing: false,
-    };
-    setUploadTriples((prev) => [...prev, newTriple]);
-  };
-
-  // 파일 트리플 제거
-  const removeTriple = (id: string) => {
-    setUploadTriples((prev) => prev.filter((triple) => triple.id !== id));
-  };
-
-  // SVG를 안드로이드 Vector Drawable XML로 변환하는 함수
-  const convertSvgToAndroidXml = async (svgFile: File): Promise<File> => {
-    return new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.onload = async (e) => {
-        try {
-          const svgContent = e.target?.result as string;
-          const xmlContent = await svg2vectordrawable(svgContent);
-
-          // 새로운 XML 파일명 생성
-          const originalName = svgFile.name.replace(/\.svg$/i, "");
-          const xmlFileName = `${originalName}.xml`;
-
-          // Blob을 File로 변환
-          const blob = new Blob([xmlContent], { type: "application/xml" });
-          const xmlFile = new File([blob], xmlFileName, {
-            type: "application/xml",
-            lastModified: Date.now(),
-          });
-
-          resolve(xmlFile);
-        } catch (error) {
-          console.error("SVG 파싱 오류:", error);
-          reject(
-            new Error(
-              "SVG를 안드로이드 Vector Drawable로 변환 중 오류가 발생했습니다."
-            )
-          );
-        }
-      };
-
-      reader.onerror = () => {
-        reject(new Error("파일 읽기 중 오류가 발생했습니다."));
-      };
-
-      reader.readAsText(svgFile);
-    });
-  };
-
-  // 파일명 매칭 검증 함수 (3개 파일)
-  const validateTripleFileNameMatch = (
-    svgFile: File | null,
-    imageFile: File | null
-  ) => {
-    if (!svgFile || !imageFile) return { isValid: true, fileName: "" };
-
-    const svgName = svgFile.name.replace(/\.svg$/i, "");
-    const imageName = imageFile.name.replace(/\.(png|jpg|jpeg)$/i, "");
-
-    return {
-      isValid: svgName === imageName,
-      fileName: svgName === imageName ? svgName : "",
-    };
-  };
-
-  // SVG 파일 선택 (XML은 자동 생성)
-  const handleSvgSelect = async (tripleId: string, file: File) => {
-    try {
-      // SVG에서 XML 자동 생성
-      const xmlFile = await convertSvgToAndroidXml(file);
-
-      setUploadTriples((prev) =>
-        prev.map((triple) => {
-          if (triple.id === tripleId) {
-            const validation = validateTripleFileNameMatch(
-              file,
-              triple.imageFile
-            );
-            return {
-              ...triple,
-              svgFile: file,
-              xmlFile: xmlFile,
-              fileName: validation.fileName,
-              nameMatchError: !validation.isValid,
-            };
-          }
-          return triple;
-        })
-      );
-
-      toast.success(`${file.name}을 선택하고 XML을 자동 생성했습니다.`);
-    } catch (error) {
-      console.error("SVG 처리 중 오류:", error);
-      toast.error(
-        error instanceof Error
-          ? error.message
-          : "SVG 처리 중 오류가 발생했습니다."
-      );
-    }
-  };
-
-  // 이미지 파일 선택
-  const handleImageSelect = (tripleId: string, file: File) => {
-    setUploadTriples((prev) =>
-      prev.map((triple) => {
-        if (triple.id === tripleId) {
-          const validation = validateTripleFileNameMatch(triple.svgFile, file);
-          return {
-            ...triple,
-            imageFile: file,
-            fileName: validation.fileName,
-            nameMatchError: !validation.isValid,
-          };
-        }
-        return triple;
-      })
-    );
-  };
-
-  // SVG 파일 제거 (XML도 함께 제거)
-  const removeSvgFile = (tripleId: string) => {
-    setUploadTriples((prev) =>
-      prev.map((triple) => {
-        if (triple.id === tripleId) {
-          // 이미지 파일이 있으면 이미지 파일명으로, 없으면 빈 문자열
-          const fileName = triple.imageFile
-            ? triple.imageFile.name.replace(/\.(png|jpg|jpeg)$/i, "")
-            : "";
-          return {
-            ...triple,
-            svgFile: null,
-            xmlFile: null, // SVG가 제거되면 XML도 함께 제거
-            fileName,
-            nameMatchError: false,
-          };
-        }
-        return triple;
-      })
-    );
-    // 파일 input 초기화
-    const input = document.getElementById(
-      `svg-${tripleId}`
-    ) as HTMLInputElement;
-    if (input) input.value = "";
-  };
-
-  // 이미지 파일 제거
-  const removeImageFile = (tripleId: string) => {
-    setUploadTriples((prev) =>
-      prev.map((triple) => {
-        if (triple.id === tripleId) {
-          // SVG 파일이 있으면 SVG 파일명으로, 없으면 빈 문자열
-          const fileName = triple.svgFile
-            ? triple.svgFile.name.replace(/\.svg$/i, "")
-            : "";
-          return {
-            ...triple,
-            imageFile: null,
-            fileName,
-            nameMatchError: false,
-          };
-        }
-        return triple;
-      })
-    );
-    // 파일 input 초기화
-    const input = document.getElementById(
-      `image-${tripleId}`
-    ) as HTMLInputElement;
-    if (input) input.value = "";
-  };
-  
-  // 개별 파일 트리플 업로드
-  const uploadTriple = async (triple: FileUploadTriple) => {
-    if (!triple.imageFile || !triple.xmlFile || !triple.svgFile || !authToken)
-      return;
-
-    setUploadTriples((prev) =>
-      prev.map((t) =>
-        t.id === triple.id
-          ? { ...t, uploading: true, progress: 0, error: null }
-          : t
-      )
-    );
-
-    try {
-      const guide = await uploadGuidePair(
-        triple.imageFile,
-        triple.xmlFile!,
-        triple.svgFile!,
-        triple.fileName,
-        triple.category,
-        triple.content,
-        triple.tags,
-        (progress) => {
-          setUploadTriples((prev) =>
-            prev.map((t) => (t.id === triple.id ? { ...t, progress } : t))
-          );
-        }
-      );
-
-      setUploadTriples((prev) =>
-        prev.map((t) =>
-          t.id === triple.id
-            ? { ...t, progress: 100, completed: true, uploading: false }
-            : t
-        )
-      );
-
-      // 개별 업로드 완료 후 가이드 목록 새로고침
-      toast.success(`${triple.fileName} 업로드 완료`);
-      loadGuides();
-    } catch (error) {
-      console.error("업로드 실패:", error);
-      setUploadTriples((prev) =>
-        prev.map((t) =>
-          t.id === triple.id
-            ? {
-                ...t,
-                uploading: false,
-                error: error instanceof Error ? error.message : "업로드 실패",
-              }
-            : t
-        )
-      );
-      toast.error(`${triple.fileName} 업로드 실패`);
-    }
-    window.location.reload();
-  };
-
-  // 전체 업로드
-  const uploadAll = async () => {
-    const validTriples = uploadTriples.filter(
-      (triple) =>
-        triple.imageFile &&
-        triple.xmlFile &&
-        triple.svgFile &&
-        !triple.completed &&
-        !triple.nameMatchError
-    );
-
-    let successCount = 0;
-    for (const triple of validTriples) {
-      try {
-        await uploadTriple(triple);
-        successCount++;
-      } catch (error) {
-        console.error(`Failed to upload triple ${triple.fileName}:`, error);
-      }
-    }
-
-    // 업로드 완료 후 가이드 목록 새로고침 (성공한 업로드가 있을 때만)
-    if (successCount > 0) {
-      toast.success(
-        `${successCount}개의 파일 트리플이 성공적으로 업로드되었습니다.`
-      );
-      loadGuides();
-    }
-    window.location.reload();
-  };
-
-  // 단일 가이드 삭제 처리
-  const handleDeleteGuide = async (guide: Guide) => {
-    if (!authToken) {
-      toast.error("먼저 인증 토큰을 설정해주세요.");
-      return;
-    }
-
-    if (!confirm(`${guide.fileName}을(를) 삭제하시겠습니까?`)) {
-      return;
-    }
-
-    try {
-      await deleteGuides([guide.guideId]);
-      setGuides((prev) => prev.filter((g) => g.guideId !== guide.guideId));
-      setSelectedGuides((prev) => prev.filter((id) => id !== guide.guideId));
-      toast.success("가이드가 삭제되었습니다.");
-    } catch (error) {
-      console.error("Failed to delete guide:", error);
-      toast.error("가이드 삭제에 실패했습니다.");
-    }
-  };
-
-  // 선택된 가이드들 다중 삭제
-  const handleDeleteSelectedGuides = async () => {
-    if (!authToken) {
-      toast.error("먼저 인증 토큰을 설정해주세요.");
-      return;
-    }
-
-    if (selectedGuides.length === 0) {
-      toast.error("삭제할 가이드를 선택해주세요.");
-      return;
-    }
-
-    if (
-      !confirm(`선택된 ${selectedGuides.length}개의 가이드를 삭제하시겠습니까?`)
-    ) {
-      return;
-    }
-
-    try {
-      await deleteGuides(selectedGuides);
-      setGuides((prev) =>
-        prev.filter((g) => !selectedGuides.includes(g.guideId))
-      );
-      setSelectedGuides([]);
-      toast.success(`${selectedGuides.length}개의 가이드가 삭제되었습니다.`);
-    } catch (error) {
-      console.error("Failed to delete guides:", error);
-      toast.error("가이드 삭제에 실패했습니다.");
-    }
-  };
-
-  // 가이드 선택/해제
-  const handleSelectGuide = (guideId: number, checked: boolean) => {
-    if (checked) {
-      setSelectedGuides((prev) => [...prev, guideId]);
-    } else {
-      setSelectedGuides((prev) => prev.filter((id) => id !== guideId));
-    }
-  };
-
-  // 전체 선택/해제
-  const handleSelectAll = (checked: boolean) => {
-    if (checked) {
-      setSelectedGuides(guides.map((g) => g.guideId));
-    } else {
-      setSelectedGuides([]);
-    }
-  };
-
-  // ID 목록으로 일괄삭제
-  const handleBatchDeleteByIds = async () => {
-    if (!authToken) {
-      toast.error("먼저 인증 토큰을 설정해주세요.");
-      return;
-    }
-
-    if (!batchDeleteIds.trim()) {
-      toast.error("삭제할 가이드 ID를 입력해주세요.");
-      return;
-    }
-
-    try {
-      // 쉼표로 구분된 ID들을 파싱
-      const idsArray = batchDeleteIds
-        .split(",")
-        .map((id) => parseInt(id.trim()))
-        .filter((id) => !isNaN(id) && id > 0);
-
-      if (idsArray.length === 0) {
-        toast.error("유효한 가이드 ID를 입력해주세요.");
-        return;
-      }
-
-      // 존재하지 않는 ID 확인
-      const existingIds = guides.map((g) => g.guideId);
-      const invalidIds = idsArray.filter((id) => !existingIds.includes(id));
-
-      if (invalidIds.length > 0) {
-        toast.error(`존재하지 않는 ID: ${invalidIds.join(", ")}`);
-        return;
-      }
-
-      if (
-        !confirm(
-          `입력된 ${
-            idsArray.length
-          }개의 가이드를 삭제하시겠습니까?\nID: ${idsArray.join(", ")}`
-        )
-      ) {
-        return;
-      }
-
-      await deleteGuides(idsArray);
-      setGuides((prev) => prev.filter((g) => !idsArray.includes(g.guideId)));
-      setSelectedGuides((prev) => prev.filter((id) => !idsArray.includes(id)));
-      setBatchDeleteIds("");
-      setShowBatchDeleteModal(false);
-      toast.success(`${idsArray.length}개의 가이드가 삭제되었습니다.`);
-    } catch (error) {
-      console.error("Failed to delete guides by IDs:", error);
-      toast.error("가이드 삭제에 실패했습니다.");
-    }
-  };
-
-  // 전체 가이드 삭제
-  const handleDeleteAllGuides = async () => {
-    if (!authToken) {
-      toast.error("먼저 인증 토큰을 설정해주세요.");
-      return;
-    }
-
-    if (guides.length === 0) {
-      toast.error("삭제할 가이드가 없습니다.");
-      return;
-    }
-
-    if (
-      !confirm(
-        `정말로 모든 가이드 ${guides.length}개를 삭제하시겠습니까?\n이 작업은 되돌릴 수 없습니다.`
-      )
-    ) {
-      return;
-    }
-
-    try {
-      const allIds = guides.map((g) => g.guideId);
-      await deleteGuides(allIds);
-      setGuides([]);
-      setSelectedGuides([]);
-      toast.success(`모든 가이드 ${allIds.length}개가 삭제되었습니다.`);
-    } catch (error) {
-      console.error("Failed to delete all guides:", error);
-      toast.error("전체 가이드 삭제에 실패했습니다.");
-    }
-  };
-
-  // 카테고리별 삭제
-  const handleDeleteByCategory = async (categoryName: string) => {
-    if (!authToken) {
-      toast.error("먼저 인증 토큰을 설정해주세요.");
-      return;
-    }
-
-    const categoryGuides = guides.filter(
-      (g) => g.categoryName === categoryName
-    );
-
-    if (categoryGuides.length === 0) {
-      toast.error(`'${categoryName}' 카테고리에 삭제할 가이드가 없습니다.`);
-      return;
-    }
-
-    if (
-      !confirm(
-        `'${categoryName}' 카테고리의 가이드 ${categoryGuides.length}개를 모두 삭제하시겠습니까?`
-      )
-    ) {
-      return;
-    }
-
-    try {
-      const categoryIds = categoryGuides.map((g) => g.guideId);
-      await deleteGuides(categoryIds);
-      setGuides((prev) => prev.filter((g) => !categoryIds.includes(g.guideId)));
-      setSelectedGuides((prev) =>
-        prev.filter((id) => !categoryIds.includes(id))
-      );
-      toast.success(
-        `'${categoryName}' 카테고리의 가이드 ${categoryIds.length}개가 삭제되었습니다.`
-      );
-    } catch (error) {
-      console.error("Failed to delete guides by category:", error);
-      toast.error("카테고리별 가이드 삭제에 실패했습니다.");
-    }
-  };
-
-  // 카테고리별 선택
-  const handleSelectByCategory = (categoryName: string) => {
-    const categoryIds = guides
-      .filter((g) => g.categoryName === categoryName)
-      .map((g) => g.guideId);
-
-    setSelectedGuides((prev) => {
-      const newSelection = [...prev];
-      categoryIds.forEach((id) => {
-        if (!newSelection.includes(id)) {
-          newSelection.push(id);
-        }
-      });
-      return newSelection;
-    });
-    toast.success(
-      `'${categoryName}' 카테고리의 가이드 ${categoryIds.length}개를 선택했습니다.`
-    );
-  };
-
-  // 선택된 가이드 ID 복사
-  const copySelectedIds = async () => {
-    if (selectedGuides.length === 0) {
-      toast.error("선택된 가이드가 없습니다.");
-      return;
-    }
-
-    try {
-      const idsText = selectedGuides.join(", ");
-      await navigator.clipboard.writeText(idsText);
-      toast.success(`선택된 가이드 ID가 복사되었습니다: ${idsText}`);
-    } catch (error) {
-      toast.error("클립보드 복사에 실패했습니다.");
-    }
-  };
-
-  // 가이드 정렬 함수
-  const sortedGuides = [...guides].sort((a, b) => {
-    let comparison = 0;
-
-    switch (sortBy) {
-      case "id":
-        comparison = a.guideId - b.guideId;
-        break;
-      case "name":
-        comparison = a.fileName.localeCompare(b.fileName);
-        break;
-      case "category":
-        comparison =
-          a.categoryName.localeCompare(b.categoryName) ||
-          a.subCategoryName.localeCompare(b.subCategoryName) ||
-          a.fileName.localeCompare(b.fileName);
-        break;
-      default:
-        return 0;
-    }
-
-    return sortOrder === "asc" ? comparison : -comparison;
-  });
-
-  // 정렬 변경 핸들러
-  const handleSortChange = (newSortBy: "id" | "name" | "category") => {
-    if (sortBy === newSortBy) {
-      setSortOrder(sortOrder === "asc" ? "desc" : "asc");
-    } else {
-      setSortBy(newSortBy);
-      setSortOrder("asc");
-    }
-  };
-
-  // 토큰 상태에 따른 색상
-  const getTokenStatusColor = () => {
-    switch (tokenStatus) {
-      case "valid":
-        return "text-green-600";
-      case "invalid":
-        return "text-red-600";
-      default:
-        return "text-gray-500";
-    }
-  };
-
-  const getTokenStatusText = () => {
-    switch (tokenStatus) {
-      case "valid":
-        return "✅ 유효한 토큰";
-      case "invalid":
-        return "❌ 유효하지 않은 토큰";
-      default:
-        return "⚠️ 토큰 없음";
-    }
-  };
-
-  // 가이드 목록에서 XML 다운로드 함수
-  const handleGuideXmlDownload = async (guide: Guide) => {
-    try {
-      const xmlUrl = `https://cdn.chalpu.com/${guide.guideS3Key}`;
-      
-      // XML 파일 내용을 가져옵니다 (이미 서버에서 변환된 XML)
-      const response = await fetch(xmlUrl);
-      if (!response.ok) {
-        throw new Error(`XML 파일을 가져올 수 없습니다: ${response.status}`);
-      }
-      
-      const xmlContent = await response.text();
-      
-      // 파일명 설정 (확장자를 .xml로 보장)
-      const fileName = guide.fileName.endsWith('.xml') 
-        ? guide.fileName 
-        : guide.fileName.replace(/\.[^.]+$/, '.xml');
-      
-      // Blob을 생성하고 다운로드합니다
-      const blob = new Blob([xmlContent], { type: "application/xml" });
-      const url = URL.createObjectURL(blob);
-      
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = fileName;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      URL.revokeObjectURL(url);
-
-      toast.success(`${fileName} 파일이 다운로드되었습니다.`);
-    } catch (error) {
-      console.error("XML 다운로드 실패:", error);
-      toast.error("XML 파일 다운로드에 실패했습니다.");
-    }
-  };
-
-  // 클라이언트에서만 렌더링 (하이드레이션 에러 방지)
-  if (!mounted) {
-    return null;
-  }
-
-  return (
-    <div className="container mx-auto px-4 py-8">
-      <div className="max-w-6xl mx-auto">
-        {/* 헤더 */}
-        <div className="mb-8">
-          <h1 className="text-3xl font-bold mb-2">가이드 관리</h1>
-          <p className="text-gray-600">
-            XML 가이드 파일을 업로드하고 관리하세요.
-          </p>
-        </div>
-
-        {/* 토큰 설정 영역 */}
-        <Card className="mb-8 border-l-4 border-l-blue-500">
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              🔐 인증 토큰 설정
-              <span className={`text-sm font-normal ${getTokenStatusColor()}`}>
-                {getTokenStatusText()}
-              </span>
-            </CardTitle>
-            <CardDescription>
-              API 요청을 위한 인증 토큰을 설정하세요. 토큰은 브라우저에 안전하게
-              저장됩니다.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <div className="space-y-4">
-              <div className="flex items-end gap-2">
-                <div className="flex-1">
-                  <Label htmlFor="token-input">Bearer Token</Label>
-                  <Input
-                    id="token-input"
-                    type="password"
-                    placeholder="Bearer 토큰을 입력하세요..."
-                    value={tokenInput}
-                    onChange={(e) => setTokenInput(e.target.value)}
-                    className="font-mono"
-                  />
-                </div>
-                <Button onClick={saveToken} className="mb-0">
-                  저장
-                </Button>
-                {authToken && (
-                  <>
-                    <Button onClick={testToken} variant="outline">
-                      테스트
-                    </Button>
-                    <Button onClick={removeToken} variant="destructive">
-                      제거
-                    </Button>
-                  </>
-                )}
-              </div>
-
-              {authToken && (
-                <div className="bg-gray-50 p-3 rounded-md">
-                  <p className="text-sm text-gray-600">
-                    현재 토큰:{" "}
-                    <code className="bg-white px-1 rounded text-xs">
-                      {authToken.substring(0, 20)}...
-                    </code>
-                  </p>
-                </div>
-              )}
-            </div>
-          </CardContent>
-        </Card>
-
-        {/* 토큰이 없을 때 경고 메시지 */}
-        {!authToken && (
-          <Card className="mb-8 border-l-4 border-l-yellow-500 bg-yellow-50">
-            <CardContent className="pt-6">
-              <div className="flex items-center gap-2">
-                <span className="text-yellow-600">⚠️</span>
-                <p className="text-yellow-800">
-                  API를 사용하려면 먼저 인증 토큰을 설정해주세요.
-                </p>
-              </div>
-            </CardContent>
-          </Card>
-        )}
-
-        {/* 파일 업로드 영역 */}
-        <Card
-          className={`mb-8 ${
-            !authToken ? "opacity-50 pointer-events-none" : ""
-          }`}
-        >
-          <CardHeader>
-            <CardTitle>파일 업로드</CardTitle>
-            <CardDescription>
-              이미지(PNG/JPG)와 XML/SVG 파일을 쌍으로 업로드하세요. SVG 파일은
-              자동으로 XML로 변환됩니다. 파일 이름은 동일해야 하며, 카테고리와
-              설명, 태그를 추가로 설정할 수 있습니다.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <div className="space-y-6">
-              {uploadTriples.map((triple, index) => (
-                <div
-                  key={triple.id}
-                  className="border rounded-lg p-4 bg-gray-50"
-                >
-                  <div className="flex justify-between items-center mb-4">
-                    <h3 className="font-medium text-gray-900">
-                      파일 트리플 {index + 1}
-                      {triple.fileName && (
-                        <span className="ml-2 text-sm text-gray-600">
-                          ({triple.fileName})
-                        </span>
-                      )}
-                    </h3>
-                    {uploadTriples.length > 1 && (
-                      <Button
-                        variant="outline"
-                        size="sm"
-                        onClick={() => removeTriple(triple.id)}
-                        className="text-red-600 hover:text-red-700"
-                      >
-                        제거
-                      </Button>
-                    )}
-                  </div>
-
-                  <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
-                    {/* SVG 파일 선택 */}
-                    <div className="space-y-2">
-                      <Label
-                        htmlFor={`svg-${triple.id}`}
-                        className="text-sm font-medium"
-                      >
-                        SVG 파일 (UI용)
-                      </Label>
-                      <div className="relative">
-                        <input
-                          id={`svg-${triple.id}`}
-                          type="file"
-                          accept=".svg,image/svg+xml"
-                          onChange={(e) => {
-                            const file = e.target.files?.[0];
-                            if (file) handleSvgSelect(triple.id, file);
-                          }}
-                          className="w-full p-2 border rounded-md text-sm"
-                          disabled={triple.uploading || triple.completed}
-                        />
-                        {triple.svgFile && (
-                          <div className="mt-2 p-2 bg-purple-50 rounded text-sm flex items-center justify-between">
-                            <span className="text-purple-700">
-                              ✓ {triple.svgFile.name}
-                            </span>
-                            <button
-                              onClick={() => removeSvgFile(triple.id)}
-                              disabled={triple.uploading || triple.completed}
-                              className="text-red-500 hover:text-red-700 ml-2 disabled:opacity-50"
-                            >
-                              <svg
-                                className="w-4 h-4"
-                                fill="currentColor"
-                                viewBox="0 0 20 20"
-                              >
-                                <path
-                                  fillRule="evenodd"
-                                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                                  clipRule="evenodd"
-                                />
-                              </svg>
-                            </button>
-                          </div>
-                        )}
-                      </div>
-                    </div>
-
-                    {/* XML 파일 상태 (자동 생성) */}
-                    <div className="space-y-2">
-                      <Label className="text-sm font-medium">
-                        XML 파일 (자동 변환)
-                      </Label>
-                      <div className="relative">
-                        <div className="w-full p-2 border border-dashed rounded-md text-sm bg-gray-100 text-gray-500">
-                          SVG에서 자동 생성됨
-                        </div>
-                        {triple.xmlFile && (
-                          <div className="mt-2 p-2 bg-green-50 rounded text-sm">
-                            <div className="flex items-center justify-between">
-                              <span className="text-green-700">
-                                ✓ {triple.xmlFile.name}
-                                <span className="ml-2 text-xs text-blue-600 bg-blue-100 px-2 py-1 rounded">
-                                  자동 생성됨
-                                </span>
-                              </span>
-                            </div>
-                          </div>
-                        )}
-                      </div>
-                    </div>
-
-                    {/* 이미지 파일 선택 */}
-                    <div className="space-y-2">
-                      <Label
-                        htmlFor={`image-${triple.id}`}
-                        className="text-sm font-medium"
-                      >
-                        이미지 파일 (PNG/JPG)
-                      </Label>
-                      <div className="relative">
-                        <input
-                          id={`image-${triple.id}`}
-                          type="file"
-                          accept=".png,.jpg,.jpeg,image/png,image/jpeg"
-                          onChange={(e) => {
-                            const file = e.target.files?.[0];
-                            if (file) handleImageSelect(triple.id, file);
-                          }}
-                          className="w-full p-2 border rounded-md text-sm"
-                          disabled={triple.uploading || triple.completed}
-                        />
-                        {triple.imageFile && (
-                          <div className="mt-2 p-2 bg-blue-50 rounded text-sm flex items-center justify-between">
-                            <span className="text-blue-700">
-                              ✓ {triple.imageFile.name}
-                            </span>
-                            <button
-                              onClick={() => removeImageFile(triple.id)}
-                              disabled={triple.uploading || triple.completed}
-                              className="text-red-500 hover:text-red-700 ml-2 disabled:opacity-50"
-                            >
-                              <svg
-                                className="w-4 h-4"
-                                fill="currentColor"
-                                viewBox="0 0 20 20"
-                              >
-                                <path
-                                  fillRule="evenodd"
-                                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-                                  clipRule="evenodd"
-                                />
-                              </svg>
-                            </button>
-                          </div>
-                        )}
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* 카테고리 및 추가 정보 입력 */}
-                  <div className="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
-                    {/* 카테고리 선택 */}
-                    <div className="space-y-2">
-                      <Label
-                        htmlFor={`category-${triple.id}`}
-                        className="text-sm font-medium"
-                      >
-                        카테고리 *
-                      </Label>
-                      <select
-                        id={`category-${triple.id}`}
-                        value={triple.category}
-                        onChange={(e) => {
-                          const selectedCategory = Number(
-                            e.target.value
-                          ) as FoodCategory;
-                          setUploadTriples((prev) =>
-                            prev.map((t) =>
-                              t.id === triple.id
-                                ? { ...t, category: selectedCategory }
-                                : t
-                            )
-                          );
-                        }}
-                        disabled={triple.uploading || triple.completed}
-                        className="w-full p-2 border rounded-md text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                      >
-                        {FOOD_CATEGORY_OPTIONS.map((option) => (
-                          <option key={option.value} value={option.value}>
-                            {option.label}
-                          </option>
-                        ))}
-                      </select>
-                    </div>
-
-                    {/* 설명 입력 */}
-                    <div className="space-y-2">
-                      <Label
-                        htmlFor={`content-${triple.id}`}
-                        className="text-sm font-medium"
-                      >
-                        설명 (선택사항)
-                      </Label>
-                      <Input
-                        id={`content-${triple.id}`}
-                        type="text"
-                        placeholder="가이드에 대한 설명을 입력하세요..."
-                        value={triple.content || ""}
-                        onChange={(e) => {
-                          setUploadTriples((prev) =>
-                            prev.map((t) =>
-                              t.id === triple.id
-                                ? { ...t, content: e.target.value }
-                                : t
-                            )
-                          );
-                        }}
-                        disabled={triple.uploading || triple.completed}
-                        className="text-sm"
-                      />
-                    </div>
-                  </div>
-
-                  {/* 태그 입력 */}
-                  <div className="mt-4 space-y-2">
-                    <Label
-                      htmlFor={`tags-${triple.id}`}
-                      className="text-sm font-medium"
-                    >
-                      태그 (선택사항)
-                    </Label>
-                    <Input
-                      id={`tags-${triple.id}`}
-                      type="text"
-                      placeholder="태그를 입력하고 Enter나 쉼표를 누르세요 (예: 맛있는)"
-                      value={triple.tagInput}
-                      onChange={(e) => {
-                        setUploadTriples((prev) =>
-                          prev.map((t) =>
-                            t.id === triple.id
-                              ? { ...t, tagInput: e.target.value }
-                              : t
-                          )
-                        );
-                      }}
-                      onCompositionStart={() => {
-                        setUploadTriples((prev) =>
-                          prev.map((t) =>
-                            t.id === triple.id ? { ...t, isComposing: true } : t
-                          )
-                        );
-                      }}
-                      onCompositionEnd={() => {
-                        setUploadTriples((prev) =>
-                          prev.map((t) =>
-                            t.id === triple.id
-                              ? { ...t, isComposing: false }
-                              : t
-                          )
-                        );
-                      }}
-                      onKeyDown={(e) => {
-                        // composition 중이면 태그 추가하지 않음
-                        if (triple.isComposing) return;
-
-                        if (e.key === "Enter" || e.key === ",") {
-                          e.preventDefault();
-                          const newTag = triple.tagInput.trim();
-                          if (newTag && !triple.tags.includes(newTag)) {
-                            setUploadTriples((prev) =>
-                              prev.map((t) =>
-                                t.id === triple.id
-                                  ? {
-                                      ...t,
-                                      tags: [...t.tags, newTag],
-                                      tagInput: "",
-                                    }
-                                  : t
-                              )
-                            );
-                          } else if (newTag) {
-                            // 이미 존재하는 태그인 경우 입력 필드만 초기화
-                            setUploadTriples((prev) =>
-                              prev.map((t) =>
-                                t.id === triple.id ? { ...t, tagInput: "" } : t
-                              )
-                            );
-                          }
-                        } else if (
-                          e.key === "Backspace" &&
-                          triple.tagInput === "" &&
-                          triple.tags.length > 0
-                        ) {
-                          // 입력 필드가 비어있고 백스페이스를 누르면 마지막 태그 삭제
-                          setUploadTriples((prev) =>
-                            prev.map((t) =>
-                              t.id === triple.id
-                                ? {
-                                    ...t,
-                                    tags: t.tags.slice(0, -1),
-                                  }
-                                : t
-                            )
-                          );
-                        }
-                      }}
-                      onBlur={() => {
-                        // 포커스를 잃을 때도 태그 추가 (composition 중이 아닐 때만)
-                        if (!triple.isComposing) {
-                          const newTag = triple.tagInput.trim();
-                          if (newTag && !triple.tags.includes(newTag)) {
-                            setUploadTriples((prev) =>
-                              prev.map((t) =>
-                                t.id === triple.id
-                                  ? {
-                                      ...t,
-                                      tags: [...t.tags, newTag],
-                                      tagInput: "",
-                                    }
-                                  : t
-                              )
-                            );
-                          }
-                        }
-                      }}
-                      disabled={triple.uploading || triple.completed}
-                      className="text-sm"
-                    />
-
-                    {/* 태그 표시 */}
-                    {triple.tags.length > 0 && (
-                      <div className="flex flex-wrap gap-1 mt-2">
-                        {triple.tags.map((tag, tagIndex) => (
-                          <span
-                            key={tagIndex}
-                            className="inline-flex items-center px-2 py-1 rounded-full text-xs bg-blue-100 text-blue-800"
-                          >
-                            {tag}
-                            <button
-                              onClick={() => {
-                                setUploadTriples((prev) =>
-                                  prev.map((t) =>
-                                    t.id === triple.id
-                                      ? {
-                                          ...t,
-                                          tags: t.tags.filter(
-                                            (_, i) => i !== tagIndex
-                                          ),
-                                        }
-                                      : t
-                                  )
-                                );
-                              }}
-                              disabled={triple.uploading || triple.completed}
-                              className="ml-1 text-blue-600 hover:text-blue-800 disabled:opacity-50"
-                            >
-                              ×
-                            </button>
-                          </span>
-                        ))}
-                      </div>
-                    )}
-
-                    {/* 태그 입력 도움말 */}
-                    <div className="text-xs text-gray-500">
-                      • Enter 키나 쉼표로 태그 추가 • 백스페이스로 마지막 태그
-                      삭제 • 중복 태그는 자동으로 제거됩니다
-                    </div>
-                  </div>
-
-                  {/* 파일명 불일치 에러 메시지 */}
-                  {triple.nameMatchError && (
-                    <div className="mt-4 p-3 bg-orange-50 rounded-md">
-                      <div className="flex items-center text-orange-700">
-                        <svg
-                          className="w-5 h-5 mr-2"
-                          fill="currentColor"
-                          viewBox="0 0 20 20"
-                        >
-                          <path
-                            fillRule="evenodd"
-                            d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
-                            clipRule="evenodd"
-                          />
-                        </svg>
-                        파일명이 일치하지 않습니다. SVG와 이미지 파일의
-                        이름(확장자 제외)이 동일해야 합니다.
-                      </div>
-                    </div>
-                  )}
-
-                  {/* 업로드 상태 */}
-                  {triple.uploading && (
-                    <div className="mt-4">
-                      <div className="flex items-center justify-between mb-2">
-                        <span className="text-sm text-gray-600">
-                          업로드 중...
-                        </span>
-                        <span className="text-sm text-gray-600">
-                          {triple.progress}%
-                        </span>
-                      </div>
-                      <div className="w-full bg-gray-200 rounded-full h-2">
-                        <div
-                          className="bg-blue-500 h-2 rounded-full transition-all duration-300"
-                          style={{ width: `${triple.progress}%` }}
-                        />
-                      </div>
-                    </div>
-                  )}
-
-                  {/* 완료 상태 */}
-                  {triple.completed && (
-                    <div className="mt-4 p-3 bg-green-50 rounded-md">
-                      <div className="flex items-center text-green-700">
-                        <svg
-                          className="w-5 h-5 mr-2"
-                          fill="currentColor"
-                          viewBox="0 0 20 20"
-                        >
-                          <path
-                            fillRule="evenodd"
-                            d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-                            clipRule="evenodd"
-                          />
-                        </svg>
-                        업로드 완료
-                      </div>
-                    </div>
-                  )}
-
-                  {/* 에러 상태 */}
-                  {triple.error && (
-                    <div className="mt-4 p-3 bg-red-50 rounded-md">
-                      <div className="flex items-center text-red-700">
-                        <svg
-                          className="w-5 h-5 mr-2"
-                          fill="currentColor"
-                          viewBox="0 0 20 20"
-                        >
-                          <path
-                            fillRule="evenodd"
-                            d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
-                            clipRule="evenodd"
-                          />
-                        </svg>
-                        {triple.error}
-                      </div>
-                    </div>
-                  )}
-
-                  {/* 개별 업로드 버튼 */}
-                  {triple.imageFile &&
-                    triple.xmlFile &&
-                    triple.svgFile &&
-                    !triple.completed && (
-                      <div className="mt-4">
-                        <Button
-                          onClick={() => uploadTriple(triple)}
-                          disabled={triple.uploading || triple.nameMatchError}
-                          className="w-full"
-                        >
-                          {triple.uploading
-                            ? "업로드 중..."
-                            : triple.nameMatchError
-                            ? "파일명 불일치"
-                            : "이 트리플 업로드"}
-                        </Button>
-                      </div>
-                    )}
-                </div>
-              ))}
-
-              {/* 컨트롤 버튼들 */}
-              <div className="flex justify-between items-center pt-4 border-t">
-                <Button
-                  variant="outline"
-                  onClick={addNewTriple}
-                  disabled={!authToken}
-                >
-                  + 파일 트리플 추가
-                </Button>
-
-                <Button
-                  onClick={uploadAll}
-                  disabled={
-                    !authToken ||
-                    uploadTriples.some((t) => t.uploading) ||
-                    !uploadTriples.some(
-                      (t) =>
-                        t.imageFile &&
-                        t.xmlFile &&
-                        t.svgFile &&
-                        !t.completed &&
-                        !t.nameMatchError
-                    )
-                  }
-                  className="px-6"
-                >
-                  전체 업로드
-                </Button>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-
-        {/* 가이드 목록 */}
-        <Card>
-          <CardHeader>
-            <div className="flex items-center justify-between">
-              <div>
-                <CardTitle>가이드 목록</CardTitle>
-                <CardDescription>
-                  업로드된 가이드를 확인하고 관리하세요.
-                </CardDescription>
-              </div>
-              <div className="flex items-center space-x-4">
-                {/* 정렬 옵션 */}
-                <div className="flex items-center space-x-2">
-                  <span className="text-sm text-gray-600">정렬:</span>
-                  <div className="flex space-x-1">
-                    <Button
-                      variant={sortBy === "id" ? "default" : "outline"}
-                      size="sm"
-                      onClick={() => handleSortChange("id")}
-                      className="text-xs"
-                    >
-                      ID {sortBy === "id" && (sortOrder === "asc" ? "↑" : "↓")}
-                    </Button>
-                    <Button
-                      variant={sortBy === "name" ? "default" : "outline"}
-                      size="sm"
-                      onClick={() => handleSortChange("name")}
-                      className="text-xs"
-                    >
-                      이름{" "}
-                      {sortBy === "name" && (sortOrder === "asc" ? "↑" : "↓")}
-                    </Button>
-                    <Button
-                      variant={sortBy === "category" ? "default" : "outline"}
-                      size="sm"
-                      onClick={() => handleSortChange("category")}
-                      className="text-xs"
-                    >
-                      카테고리{" "}
-                      {sortBy === "category" &&
-                        (sortOrder === "asc" ? "↑" : "↓")}
-                    </Button>
-                  </div>
-                </div>
-
-                {/* 뷰 모드 */}
-                <div className="flex space-x-2">
-                  <Button
-                    variant={viewMode === "grid" ? "default" : "outline"}
-                    size="sm"
-                    onClick={() => setViewMode("grid")}
-                  >
-                    <svg
-                      className="h-4 w-4"
-                      fill="none"
-                      viewBox="0 0 24 24"
-                      stroke="currentColor"
-                    >
-                      <path
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth={2}
-                        d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"
-                      />
-                    </svg>
-                    그리드
-                  </Button>
-                  <Button
-                    variant={viewMode === "list" ? "default" : "outline"}
-                    size="sm"
-                    onClick={() => setViewMode("list")}
-                  >
-                    <svg
-                      className="h-4 w-4"
-                      fill="none"
-                      viewBox="0 0 24 24"
-                      stroke="currentColor"
-                    >
-                      <path
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth={2}
-                        d="M4 6h16M4 10h16M4 14h16M4 18h16"
-                      />
-                    </svg>
-                    리스트
-                  </Button>
-                </div>
-              </div>
-            </div>
-            {authToken && sortedGuides.length > 0 && (
-              <div className="space-y-4 pt-4 border-t">
-                {/* 선택 기반 삭제 */}
-                <div className="flex items-center justify-between">
-                  <div className="flex items-center space-x-4">
-                    <div className="flex items-center space-x-2">
-                      <Checkbox
-                        id="select-all"
-                        checked={
-                          selectedGuides.length === guides.length &&
-                          guides.length > 0
-                        }
-                        onCheckedChange={handleSelectAll}
-                      />
-                      <Label htmlFor="select-all" className="text-sm">
-                        전체 선택 ({selectedGuides.length}/{guides.length})
-                      </Label>
-                    </div>
-
-                    {/* 빠른 선택 버튼들 */}
-                    <div className="flex items-center gap-2">
-                      {selectedGuides.length > 0 && (
-                        <>
-                          <Button
-                            variant="ghost"
-                            size="sm"
-                            onClick={() => setSelectedGuides([])}
-                          >
-                            선택 해제
-                          </Button>
-                          <Button
-                            variant="ghost"
-                            size="sm"
-                            onClick={copySelectedIds}
-                          >
-                            ID 복사
-                          </Button>
-                        </>
-                      )}
-
-                      {/* 카테고리별 빠른 선택 */}
-                      {(() => {
-                        const categories = [
-                          ...new Set(guides.map((g) => g.categoryName)),
-                        ];
-                        return (
-                          categories.length > 1 && (
-                            <div className="relative">
-                              <select
-                                className="p-1 text-xs border rounded bg-white"
-                                onChange={(e) => {
-                                  if (e.target.value) {
-                                    handleSelectByCategory(e.target.value);
-                                    e.target.value = ""; // 선택 초기화
-                                  }
-                                }}
-                                defaultValue=""
-                              >
-                                <option value="" disabled>
-                                  카테고리 선택
-                                </option>
-                                {categories.map((category) => {
-                                  const count = guides.filter(
-                                    (g) => g.categoryName === category
-                                  ).length;
-                                  return (
-                                    <option key={category} value={category}>
-                                      {category} ({count}개)
-                                    </option>
-                                  );
-                                })}
-                              </select>
-                            </div>
-                          )
-                        );
-                      })()}
-                    </div>
-                  </div>
-                  {selectedGuides.length > 0 && (
-                    <Button
-                      variant="destructive"
-                      size="sm"
-                      onClick={handleDeleteSelectedGuides}
-                    >
-                      선택된 {selectedGuides.length}개 삭제
-                    </Button>
-                  )}
-                </div>
-
-                {/* 일괄삭제 옵션들 */}
-                <div className="flex items-center gap-2 flex-wrap">
-                  {/* ID 목록으로 삭제 */}
-                  <Dialog
-                    open={showBatchDeleteModal}
-                    onOpenChange={setShowBatchDeleteModal}
-                  >
-                    <DialogTrigger asChild>
-                      <Button variant="outline" size="sm">
-                        ID로 일괄삭제
-                      </Button>
-                    </DialogTrigger>
-                    <DialogContent>
-                      <DialogHeader>
-                        <DialogTitle>ID 목록으로 일괄삭제</DialogTitle>
-                        <DialogDescription>
-                          삭제할 가이드의 ID를 쉼표로 구분하여 입력하세요.
-                        </DialogDescription>
-                      </DialogHeader>
-                      <div className="space-y-4">
-                        <div>
-                          <Label htmlFor="batch-delete-ids">
-                            가이드 ID 목록
-                          </Label>
-                          <Input
-                            id="batch-delete-ids"
-                            placeholder="예: 1, 2, 3, 5, 8"
-                            value={batchDeleteIds}
-                            onChange={(e) => setBatchDeleteIds(e.target.value)}
-                          />
-                          <div className="flex gap-2 mt-2">
-                            {selectedGuides.length > 0 && (
-                              <Button
-                                type="button"
-                                variant="outline"
-                                size="sm"
-                                onClick={() =>
-                                  setBatchDeleteIds(selectedGuides.join(", "))
-                                }
-                              >
-                                선택된 ID 사용 ({selectedGuides.length}개)
-                              </Button>
-                            )}
-                            <Button
-                              type="button"
-                              variant="outline"
-                              size="sm"
-                              onClick={() =>
-                                setBatchDeleteIds(
-                                  guides.map((g) => g.guideId).join(", ")
-                                )
-                              }
-                            >
-                              모든 ID 사용 ({guides.length}개)
-                            </Button>
-                          </div>
-                        </div>
-                        <div className="text-sm text-gray-600">
-                          <div>
-                            현재 가이드 ID:{" "}
-                            {guides.map((g) => g.guideId).join(", ")}
-                          </div>
-                          {selectedGuides.length > 0 && (
-                            <div className="mt-1">
-                              선택된 ID: {selectedGuides.join(", ")}
-                            </div>
-                          )}
-                        </div>
-                      </div>
-                      <DialogFooter>
-                        <Button
-                          variant="outline"
-                          onClick={() => {
-                            setBatchDeleteIds("");
-                            setShowBatchDeleteModal(false);
-                          }}
-                        >
-                          취소
-                        </Button>
-                        <Button
-                          variant="destructive"
-                          onClick={handleBatchDeleteByIds}
-                        >
-                          삭제
-                        </Button>
-                      </DialogFooter>
-                    </DialogContent>
-                  </Dialog>
-
-                  {/* 전체 삭제 */}
-                  <Button
-                    variant="destructive"
-                    size="sm"
-                    onClick={handleDeleteAllGuides}
-                  >
-                    전체 삭제 ({guides.length}개)
-                  </Button>
-
-                  {/* 카테고리별 삭제 - 드롭다운 메뉴 */}
-                  {(() => {
-                    const categories = [
-                      ...new Set(guides.map((g) => g.categoryName)),
-                    ];
-                    return (
-                      categories.length > 1 && (
-                        <div className="relative">
-                          <select
-                            className="p-2 text-sm border rounded-md bg-white"
-                            onChange={(e) => {
-                              if (e.target.value) {
-                                handleDeleteByCategory(e.target.value);
-                                e.target.value = ""; // 선택 초기화
-                              }
-                            }}
-                            defaultValue=""
-                          >
-                            <option value="" disabled>
-                              카테고리별 삭제
-                            </option>
-                            {categories.map((category) => {
-                              const count = guides.filter(
-                                (g) => g.categoryName === category
-                              ).length;
-                              return (
-                                <option key={category} value={category}>
-                                  {category} ({count}개)
-                                </option>
-                              );
-                            })}
-                          </select>
-                        </div>
-                      )
-                    );
-                  })()}
-                </div>
-              </div>
-            )}
-          </CardHeader>
-          <CardContent>
-            {!authToken ? (
-              <div className="text-center py-8 text-gray-500">
-                인증 토큰을 설정하면 가이드 목록을 확인할 수 있습니다.
-              </div>
-            ) : loading ? (
-              <div className="text-center py-8">
-                <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto"></div>
-                <p className="mt-4 text-gray-600">로딩 중...</p>
-              </div>
-            ) : sortedGuides.length === 0 ? (
-              <div className="text-center py-8 text-gray-500">
-                업로드된 가이드가 없습니다.
-              </div>
-            ) : (
-              <div className="h-[32rem] overflow-auto">
-                {viewMode === "grid" ? (
-                  <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-                    {sortedGuides.map((guide, index) => (
-                      <div
-                        key={guide.guideId}
-                        className={`border rounded-lg p-3 transition-all ${
-                          selectedGuides.includes(guide.guideId)
-                            ? "ring-2 ring-blue-500 bg-blue-50"
-                            : ""
-                        }`}
-                      >
-                        <div className="mb-3">
-                          <div className="flex justify-between items-start mb-2">
-                            <Checkbox
-                              id={`guide-${guide.guideId}`}
-                              checked={selectedGuides.includes(guide.guideId)}
-                              onCheckedChange={(checked) =>
-                                handleSelectGuide(
-                                  guide.guideId,
-                                  checked as boolean
-                                )
-                              }
-                            />
-                          </div>
-                          <div className="relative w-full h-24 bg-gray-100 border rounded overflow-hidden">
-                            <SvgImagePreview
-                              guide={guide}
-                              className="object-contain"
-                            />
-                          </div>
-                        </div>
-                        <div className="space-y-1">
-                          <h3 className="font-medium text-gray-900 truncate text-sm">
-                            {guide.fileName}
-                          </h3>
-                          <div className="text-xs text-gray-500">
-                            <p>ID: {guide.guideId}</p>
-                            <p>
-                              카테고리(메인 - 서브): {guide.categoryName} -{" "}
-                              {guide.subCategoryName}
-                            </p>
-                            {guide.content && <p>설명: {guide.content}</p>}
-                            {guide.tags && <p>태그: {guide.tags.join(", ")}</p>}
-                          </div>
-                          <div className="flex space-x-2">
-                            <Button
-                              variant="outline"
-                              size="sm"
-                              onClick={() => handleGuideXmlDownload(guide)}
-                              className="h-7 px-2 text-xs"
-                            >
-                              XML 다운로드
-                            </Button>
-                            <Button
-                              variant="destructive"
-                              size="sm"
-                              onClick={() => handleDeleteGuide(guide)}
-                              className="h-7 px-2 text-xs"
-                            >
-                              삭제
-                            </Button>
-                          </div>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                ) : (
-                  <div className="space-y-1">
-                    {sortedGuides.map((guide, index) => (
-                      <div
-                        key={guide.guideId}
-                        className={`border rounded-lg p-3 flex items-center justify-between transition-all ${
-                          selectedGuides.includes(guide.guideId)
-                            ? "ring-2 ring-blue-500 bg-blue-50"
-                            : ""
-                        }`}
-                      >
-                        <div className="flex items-center space-x-3">
-                          <Checkbox
-                            id={`guide-list-${guide.guideId}`}
-                            checked={selectedGuides.includes(guide.guideId)}
-                            onCheckedChange={(checked) =>
-                              handleSelectGuide(
-                                guide.guideId,
-                                checked as boolean
-                              )
-                            }
-                          />
-                          <div className="relative w-32 h-16 flex-shrink-0 bg-gray-200 rounded overflow-hidden">
-                            <SvgImagePreview
-                              guide={guide}
-                              className="object-contain"
-                            />
-                          </div>
-                          <div className="flex-1 min-w-0">
-                            <h3 className="font-medium text-gray-900 truncate text-sm">
-                              {guide.fileName}
-                            </h3>
-                            <div className="flex items-center space-x-4 text-xs text-gray-500">
-                              <span>ID: {guide.guideId}</span>
-                              <span>
-                                카테고리(메인 - 서브): {guide.categoryName} -{" "}
-                                {guide.subCategoryName}
-                              </span>
-                              {guide.content && (
-                                <span>설명: {guide.content}</span>
-                              )}
-                              {guide.tags && (
-                                <span>태그: {guide.tags.join(", ")}</span>
-                              )}
-                            </div>
-                          </div>
-                        </div>
-                        <div className="flex-shrink-0">
-                          <div className="flex space-x-2">
-                            <Button
-                              variant="outline"
-                              size="sm"
-                              onClick={() => handleGuideXmlDownload(guide)}
-                              className="h-7 px-2 text-xs"
-                            >
-                              XML 다운로드
-                            </Button>
-                            <Button
-                              variant="destructive"
-                              size="sm"
-                              onClick={() => handleDeleteGuide(guide)}
-                              className="h-7 px-2 text-xs"
-                            >
-                              삭제
-                            </Button>
-                          </div>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                )}
-              </div>
-            )}
-          </CardContent>
-        </Card>
-      </div>
-    </div>
-  );
-}
diff --git a/src/app/admin/test/page.tsx b/src/app/admin/test/page.tsx
deleted file mode 100644
index 8c95629..0000000
--- a/src/app/admin/test/page.tsx
+++ /dev/null
@@ -1,295 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { toast } from "sonner";
-import { Button } from "@/components/landing/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/landing/ui/card";
-import { Input } from "@/components/landing/ui/input";
-import { Label } from "@/components/landing/ui/label";
-import svg2vectordrawable from "svg2vectordrawable";
-
-export default function SvgToXmlPage() {
-  const [svgFile, setSvgFile] = useState<File | null>(null);
-  const [xmlContent, setXmlContent] = useState<string>("");
-  const [converting, setConverting] = useState(false);
-  const [previewSvg, setPreviewSvg] = useState<string>("");
-
-  // SVG를 안드로이드 Vector Drawable XML로 변환하는 함수
-  const convertSvgToAndroidXml = async (svgFile: File): Promise<string> => {
-    return new Promise((resolve, reject) => {
-      const reader = new FileReader();
-      reader.onload = (e) => {
-        try {
-          const svgContent = e.target?.result as string;
-          const result = svg2vectordrawable(svgContent);
-          console.log(result);
-          resolve(result);  
-        } catch (error) {
-          console.error("SVG 파싱 오류:", error);
-          reject(
-            new Error(
-              "SVG를 안드로이드 Vector Drawable로 변환 중 오류가 발생했습니다."
-            )
-          );
-        }
-      };
-
-      reader.onerror = () => {
-        reject(new Error("파일 읽기 중 오류가 발생했습니다."));
-      };
-
-      reader.readAsText(svgFile);
-    });
-  };
-
-  // SVG 파일 선택
-  const handleSvgSelect = (file: File) => {
-    setSvgFile(file);
-    setXmlContent("");
-
-    // SVG 미리보기 생성
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      setPreviewSvg(e.target?.result as string);
-    };
-    reader.readAsText(file);
-  };
-
-  // SVG to XML 변환
-  const handleConvert = async () => {
-    if (!svgFile) {
-      toast.error("SVG 파일을 선택해주세요.");
-      return;
-    }
-
-    setConverting(true);
-    try {
-      const xmlResult = await convertSvgToAndroidXml(svgFile);
-      setXmlContent(xmlResult);
-      toast.success("SVG가 성공적으로 XML로 변환되었습니다!");
-    } catch (error) {
-      console.error("변환 실패:", error);
-      toast.error(
-        error instanceof Error
-          ? error.message
-          : "SVG 변환 중 오류가 발생했습니다."
-      );
-    } finally {
-      setConverting(false);
-    }
-  };
-
-  // XML 다운로드
-  const handleDownload = () => {
-    if (!xmlContent || !svgFile) return;
-
-    const fileName = svgFile.name.replace(/\.svg$/i, ".xml");
-    const blob = new Blob([xmlContent], { type: "application/xml" });
-    const url = URL.createObjectURL(blob);
-    
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = fileName;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-
-    toast.success(`${fileName} 파일이 다운로드되었습니다.`);
-  };
-
-  // 파일 제거
-  const handleRemoveFile = () => {
-    setSvgFile(null);
-    setXmlContent("");
-    setPreviewSvg("");
-    
-    // 파일 input 초기화
-    const input = document.getElementById("svg-file") as HTMLInputElement;
-    if (input) input.value = "";
-  };
-
-  return (
-    <div className="container mx-auto px-4 py-8">
-      <div className="max-w-4xl mx-auto">
-        {/* 헤더 */}
-        <div className="mb-8 text-center">
-          <h1 className="text-4xl font-bold mb-4">SVG to XML Converter</h1>
-          <p className="text-gray-600 text-lg">
-            SVG 파일을 안드로이드 Vector Drawable XML로 변환하세요
-          </p>
-        </div>
-
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-          {/* 파일 업로드 및 변환 */}
-          <Card>
-            <CardHeader>
-              <CardTitle>SVG 파일 업로드</CardTitle>
-              <CardDescription>
-                변환할 SVG 파일을 선택하고 XML로 변환하세요
-              </CardDescription>
-            </CardHeader>
-            <CardContent className="space-y-4">
-              {/* 파일 선택 */}
-              <div className="space-y-2">
-                <Label htmlFor="svg-file">SVG 파일 선택</Label>
-                <Input
-                  id="svg-file"
-                  type="file"
-                  accept=".svg,image/svg+xml"
-                  onChange={(e) => {
-                    const file = e.target.files?.[0];
-                    if (file) handleSvgSelect(file);
-                  }}
-                  className="cursor-pointer"
-                />
-              </div>
-
-              {/* 선택된 파일 정보 */}
-              {svgFile && (
-                <div className="p-3 bg-green-50 rounded-md">
-                  <div className="flex items-center justify-between">
-                    <span className="text-green-700 text-sm">
-                      ✓ {svgFile.name} ({(svgFile.size / 1024).toFixed(1)}KB)
-                    </span>
-                    <button
-                      onClick={handleRemoveFile}
-                      className="text-red-500 hover:text-red-700 text-sm"
-                    >
-                      제거
-                    </button>
-                  </div>
-                </div>
-              )}
-
-              {/* SVG 미리보기 */}
-              {previewSvg && (
-                <div className="space-y-2">
-                  <Label>SVG 미리보기</Label>
-                  <div className="w-full h-32 border-2 border-dashed border-gray-300 rounded-lg bg-gray-50 flex items-center justify-center">
-                    <div
-                      className="w-20 h-20"
-                      dangerouslySetInnerHTML={{ __html: previewSvg }}
-                    />
-                  </div>
-                </div>
-              )}
-
-              {/* 변환 버튼 */}
-              <Button
-                onClick={handleConvert}
-                disabled={!svgFile || converting}
-                className="w-full"
-                size="lg"
-              >
-                {converting ? "변환 중..." : "XML로 변환"}
-              </Button>
-            </CardContent>
-          </Card>
-
-          {/* XML 결과 및 다운로드 */}
-          <Card>
-            <CardHeader>
-              <CardTitle>변환된 XML</CardTitle>
-              <CardDescription>
-                안드로이드 Vector Drawable XML 결과
-              </CardDescription>
-            </CardHeader>
-            <CardContent className="space-y-4">
-              {xmlContent ? (
-                <>
-                  {/* XML 미리보기 */}
-                  <div className="space-y-2">
-                    <Label>XML 코드</Label>
-                    <textarea
-                      value={xmlContent}
-                      readOnly
-                      className="w-full h-64 p-3 text-xs font-mono border border-gray-300 rounded-md bg-gray-50 resize-none"
-                    />
-                  </div>
-
-                  {/* 다운로드 버튼 */}
-                  <Button
-                    onClick={handleDownload}
-                    className="w-full"
-                    size="lg"
-                  >
-                    XML 파일 다운로드
-                  </Button>
-
-                  {/* 파일 정보 */}
-                  <div className="text-sm text-gray-600 text-center">
-                    파일명: {svgFile?.name.replace(/\.svg$/i, ".xml")}
-                  </div>
-                </>
-              ) : (
-                <div className="h-64 border-2 border-dashed border-gray-300 rounded-lg bg-gray-50 flex items-center justify-center">
-                  <div className="text-center text-gray-500">
-                    <svg
-                      className="mx-auto h-12 w-12 mb-4"
-                      stroke="currentColor"
-                      fill="none"
-                      viewBox="0 0 48 48"
-                    >
-                      <path
-                        d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02"
-                        strokeWidth={2}
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                      />
-                    </svg>
-                    <p>SVG 파일을 변환하면 여기에 XML이 표시됩니다</p>
-                  </div>
-                </div>
-              )}
-            </CardContent>
-          </Card>
-        </div>
-
-        {/* 사용법 안내 */}
-        <Card className="mt-8">
-          <CardHeader>
-            <CardTitle>사용법</CardTitle>
-          </CardHeader>
-          <CardContent>
-            <div className="grid grid-cols-1 md:grid-cols-3 gap-4 text-center">
-              <div className="space-y-2">
-                <div className="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mx-auto">
-                  <span className="text-blue-600 font-bold">1</span>
-                </div>
-                <h3 className="font-semibold">SVG 파일 업로드</h3>
-                <p className="text-sm text-gray-600">
-                  변환할 SVG 파일을 선택하세요
-                </p>
-              </div>
-              <div className="space-y-2">
-                <div className="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mx-auto">
-                  <span className="text-green-600 font-bold">2</span>
-                </div>
-                <h3 className="font-semibold">XML로 변환</h3>
-                <p className="text-sm text-gray-600">
-                  변환 버튼을 클릭하여 XML 생성
-                </p>
-              </div>
-              <div className="space-y-2">
-                <div className="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mx-auto">
-                  <span className="text-purple-600 font-bold">3</span>
-                </div>
-                <h3 className="font-semibold">XML 다운로드</h3>
-                <p className="text-sm text-gray-600">
-                  변환된 XML 파일을 다운로드
-                </p>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </div>
-    </div>
-  );
-}
diff --git a/src/app/services/apis/auth.ts b/src/app/services/apis/auth.ts
deleted file mode 100644
index 6db3bb6..0000000
--- a/src/app/services/apis/auth.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import apiClient from "./base";
-import { useAuthStore } from "../stores/useAuthStore";
-import type {
-  LoginRequest,
-  RegisterRequest,
-  AuthResponse,
-  RefreshTokenRequest,
-  RefreshTokenResponse,
-  ResetPasswordRequest,
-  ChangePasswordRequest,
-  User,
-} from "../types/auth";
-import type { ApiResponse } from "../types/common";
-
-// 로그인
-const login = async (data: LoginRequest): Promise<AuthResponse> => {
-  const response = await apiClient.post<ApiResponse<AuthResponse>>(
-    "/auth/login",
-    data
-  );
-
-  const authData = response.data.data;
-
-  // zustand 스토어에 인증 정보 저장
-  useAuthStore
-    .getState()
-    .setAuth(authData.user, authData.accessToken, authData.refreshToken);
-
-  return authData;
-};
-
-// 회원가입
-const register = async (data: RegisterRequest): Promise<AuthResponse> => {
-  const response = await apiClient.post<ApiResponse<AuthResponse>>(
-    "/auth/register",
-    data
-  );
-
-  const authData = response.data.data;
-
-  // zustand 스토어에 인증 정보 저장
-  useAuthStore
-    .getState()
-    .setAuth(authData.user, authData.accessToken, authData.refreshToken);
-
-  return authData;
-};
-
-// 로그아웃
-const logout = async (): Promise<void> => {
-  await apiClient.post("/auth/logout");
-
-  // zustand 스토어에서 인증 정보 제거 (토큰도 함께 삭제됨)
-  useAuthStore.getState().clearAuth();
-};
-
-// 토큰 갱신
-const refreshToken = async (
-  data: RefreshTokenRequest
-): Promise<RefreshTokenResponse> => {
-  const response = await apiClient.post<ApiResponse<RefreshTokenResponse>>(
-    "/auth/refresh",
-    data
-  );
-  return response.data.data;
-};
-
-// 현재 사용자 정보 조회
-const getCurrentUser = async (): Promise<User> => {
-  const response = await apiClient.get<ApiResponse<User>>("/auth/me");
-  const user = response.data.data;
-
-  // zustand 스토어에 사용자 정보 업데이트
-  useAuthStore.getState().setUser(user);
-
-  return user;
-};
-
-// 비밀번호 재설정 요청
-const resetPassword = async (data: ResetPasswordRequest): Promise<void> => {
-  await apiClient.post("/auth/reset-password", data);
-};
-
-// 비밀번호 변경
-const changePassword = async (data: ChangePasswordRequest): Promise<void> => {
-  await apiClient.put("/auth/change-password", data);
-};
-
-// 이메일 인증
-const verifyEmail = async (token: string): Promise<void> => {
-  await apiClient.post("/auth/verify-email", { token });
-};
-
-// 이메일 인증 재발송
-const resendVerificationEmail = async (): Promise<void> => {
-  await apiClient.post("/auth/resend-verification");
-};
-
-export {
-  login,
-  register,
-  logout,
-  refreshToken,
-  getCurrentUser,
-  resetPassword,
-  changePassword,
-  verifyEmail,
-  resendVerificationEmail,
-};
diff --git a/src/app/services/apis/base.ts b/src/app/services/apis/base.ts
deleted file mode 100644
index 821312a..0000000
--- a/src/app/services/apis/base.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import axios from "axios";
-import {
-  tokenStorage,
-  isWebView,
-  notifyTokenExpired,
-  isAndroidApp,
-  isIOSApp,
-} from "../token/tokenUtils";
-import { useAuthStore } from "../stores/useAuthStore";
-
-// 기본 axios 인스턴스 생성
-const apiClient = axios.create({
-  baseURL: process.env.NEXT_PUBLIC_API_BASE_URL,
-  timeout: 10000,
-  headers: {
-    "Content-Type": "application/json",
-  },
-});
-
-// 요청 인터셉터 (일반 앱 토큰만 처리)
-apiClient.interceptors.request.use(
-  (config) => {
-    // 일반 앱 토큰만 확인
-    const token = tokenStorage.getToken("accessToken");
-
-    if (token) {
-      // Bearer 접두사가 이미 있는지 확인
-      const bearerToken = token.startsWith("Bearer ")
-        ? token
-        : `Bearer ${token}`;
-      config.headers.Authorization = bearerToken;
-    }
-
-    console.log("API 요청:", config.method?.toUpperCase(), config.url);
-    return config;
-  },
-  (error) => {
-    console.error("요청 인터셉터 에러:", error);
-    return Promise.reject(error);
-  }
-);
-
-// 응답 인터셉터
-apiClient.interceptors.response.use(
-  (response) => {
-    console.log("API 응답 성공:", response.status, response.config.url);
-    return response;
-  },
-  async (error) => {
-    const originalRequest = error.config;
-
-    console.error("API 응답 에러:", error.response?.status, error.config?.url);
-
-    // 401 에러 (인증 실패)
-    if (error.response?.status === 401 && !originalRequest._retry) {
-      originalRequest._retry = true;
-
-      try {
-        // 리프레시 토큰으로 새 액세스 토큰 발급
-        const refreshToken = useAuthStore.getState().refreshToken;
-        if (refreshToken) {
-          const response = await axios.post(
-            `${process.env.NEXT_PUBLIC_API_BASE_URL}/auth/refresh`,
-            { refreshToken }
-          );
-
-          const newAccessToken = response.data.accessToken;
-          const newRefreshToken = response.data.refreshToken;
-
-          // zustand 스토어에 토큰 업데이트
-          useAuthStore.getState().setTokens(newAccessToken, newRefreshToken);
-
-          // 원래 요청 재시도
-          originalRequest.headers.Authorization = `Bearer ${newAccessToken}`;
-          return apiClient(originalRequest);
-        }
-      } catch (refreshError) {
-        // 리프레시 토큰도 만료된 경우
-        // zustand 스토어에서 인증 정보 제거
-        useAuthStore.getState().clearAuth();
-
-        // 네이티브 앱에게 토큰 만료 알림
-        notifyTokenExpired();
-
-        // 웹뷰가 아닌 경우에만 메인 페이지로 리다이렉트 (무한루프 방지)
-        if (typeof window !== "undefined" && !isWebView()) {
-          console.log("인증 에러 발생 - 메인 페이지로 리다이렉트");
-          window.location.href = "/";
-        }
-      }
-    }
-
-    return Promise.reject(error);
-  }
-);
-
-export default apiClient;
diff --git a/src/app/services/apis/guide.ts b/src/app/services/apis/guide.ts
deleted file mode 100644
index 85b8e11..0000000
--- a/src/app/services/apis/guide.ts
+++ /dev/null
@@ -1,283 +0,0 @@
-import apiClient from "./base";
-
-// 어드민 토큰을 헤더에 포함하는 헬퍼 함수
-const getAdminHeaders = () => {
-  const headers: Record<string, string> = {
-    "Content-Type": "application/json",
-  };
-
-  if (typeof window !== "undefined") {
-    const adminToken = localStorage.getItem("admin_auth_token");
-    if (adminToken) {
-      const bearerToken = adminToken.startsWith("Bearer ")
-        ? adminToken
-        : `Bearer ${adminToken}`;
-      headers.Authorization = bearerToken;
-    }
-  }
-
-  return headers;
-};
-import {
-  Guide,
-  GuidePresignedUrlRequest,
-  GuidePresignedUrlResponse,
-  GuideRegisterRequest,
-  GuideRegisterResponse,
-  GuideListResponse,
-  GuideDetailResponse,
-  GuideDeleteRequest,
-  GuideDeleteResponse,
-  GuideApiResponse,
-  Pageable,
-  GuideUploadProgress,
-} from "../types/guide";
-
-/**
- * 가이드 전체 목록 조회 (Admin)
- */
-export const getGuides = async (
-  pageable: Pageable
-): Promise<GuideListResponse> => {
-  const params = new URLSearchParams();
-  params.append("page", pageable.page.toString());
-  params.append("size", pageable.size.toString());
-
-  if (pageable.sort) {
-    pageable.sort.forEach((sortParam) => {
-      params.append("sort", sortParam);
-    });
-  }
-
-  const response = await apiClient.get<GuideApiResponse<GuideListResponse>>(
-    `/api/guides?${params.toString()}`,
-    { headers: getAdminHeaders() }
-  );
-  return response.data.result;
-};
-
-/**
- * 가이드 상세 조회 (Admin)
- */
-export const getGuide = async (
-  guideId: number
-): Promise<GuideDetailResponse> => {
-  const response = await apiClient.get<GuideApiResponse<GuideDetailResponse>>(
-    `/api/guides/${guideId}`,
-    { headers: getAdminHeaders() }
-  );
-  return response.data.result;
-};
-
-/**
- * 가이드 업로드용 Presigned URL 생성 (Admin)
- */
-export const getGuidePresignedUrl = async (
-  fileName: string
-): Promise<GuidePresignedUrlResponse> => {
-  const request: GuidePresignedUrlRequest = { fileName };
-
-  const response = await apiClient.post<
-    GuideApiResponse<GuidePresignedUrlResponse>
-  >("/api/guides/presigned-urls", request, { headers: getAdminHeaders() });
-  return response.data.result;
-};
-
-/**
- * S3에 파일 직접 업로드 (이미지 또는 XML 파일)
- */
-export const uploadGuideToS3 = async (
-  presignedUrl: string,
-  file: File,
-  onProgress?: (progress: GuideUploadProgress) => void
-): Promise<void> => {
-  console.log("🚀 S3 업로드 시작:", {
-    fileName: file.name,
-    fileSize: file.size,
-    fileType: file.type,
-    presignedUrl: presignedUrl.substring(0, 100) + "...",
-  });
-
-  try {
-    const isImageFile =
-      file.type.startsWith("image/") && !file.type.includes("svg");
-    const isSvgFile =
-      file.type === "image/svg+xml" || file.name.endsWith(".svg");
-    const isXmlFile =
-      file.type === "application/xml" || file.name.endsWith(".xml");
-
-    let uploadData: string | File;
-    let contentType: string;
-
-    if (isXmlFile) {
-      // XML 파일의 경우 텍스트로 읽어서 업로드
-      console.log("📖 XML 파일 원본 데이터 읽는 중...");
-      uploadData = await file.text();
-      contentType = "application/xml";
-      console.log(
-        "📝 XML 내용 미리보기:",
-        uploadData.substring(0, 200) + "..."
-      );
-    } else if (isSvgFile) {
-      // SVG 파일의 경우 텍스트로 읽어서 업로드
-      console.log("🎨 SVG 파일 원본 데이터 읽는 중...");
-      uploadData = await file.text();
-      contentType = "image/svg+xml";
-      console.log(
-        "🎨 SVG 내용 미리보기:",
-        uploadData.substring(0, 200) + "..."
-      );
-    } else if (isImageFile) {
-      // 이미지 파일의 경우 바이너리 데이터 그대로 업로드
-      console.log("📷 이미지 파일 업로드 중...");
-      uploadData = file;
-      contentType = file.type;
-    } else {
-      throw new Error(`지원하지 않는 파일 타입: ${file.type}`);
-    }
-
-    // S3에 파일 업로드 (Authorization 헤더 없이)
-    await apiClient.put(presignedUrl, uploadData, {
-      headers: {
-        "Content-Type": contentType,
-        // S3에는 Authorization 헤더 불필요하므로 명시적으로 제거
-        Authorization: undefined,
-      },
-      onUploadProgress: (progressEvent) => {
-        if (progressEvent.total && onProgress) {
-          const progress: GuideUploadProgress = {
-            loaded: progressEvent.loaded,
-            total: progressEvent.total,
-            percentage: Math.round(
-              (progressEvent.loaded / progressEvent.total) * 100
-            ),
-          };
-          console.log("📊 업로드 진행률:", progress.percentage + "%");
-          onProgress(progress);
-        }
-      },
-    });
-
-    console.log("✅ S3 업로드 성공!");
-  } catch (error) {
-    console.error("❌ S3 업로드 실패:", error);
-    if (error instanceof Error) {
-      console.error("에러 상세:", error.message);
-    }
-    throw error;
-  }
-};
-
-/**
- * 가이드 정보 등록 (Admin) - S3 업로드 완료 후 호출
- */
-export const registerGuide = async (
-  guideS3Key: string,
-  svgS3Key: string,
-  fileName: string,
-  imageS3Key: string,
-  subCategoryId: number,
-  content?: string,
-  tags?: string[]
-): Promise<GuideRegisterResponse> => {
-  const request: GuideRegisterRequest = {
-    guideS3Key,
-    svgS3Key,
-    fileName,
-    imageS3Key,
-    subCategoryId,
-    content,
-    tags,
-  };
-
-  const response = await apiClient.post<
-    GuideApiResponse<GuideRegisterResponse>
-  >("/api/guides", request, { headers: getAdminHeaders() });
-  return response.data.result;
-};
-
-/**
- * 가이드 다중 삭제 (Admin)
- */
-export const deleteGuides = async (guideIds: number[]): Promise<void> => {
-  const request: GuideDeleteRequest = { guideIds };
-
-  await apiClient.delete<GuideApiResponse<GuideDeleteResponse>>(`/api/guides`, {
-    headers: getAdminHeaders(),
-    data: request,
-  });
-};
-
-/**
- * 가이드 파일 쌍 전체 업로드 프로세스 (통합 함수)
- * 1. Presigned URL 생성
- * 2. S3에 이미지와 XML 파일 업로드
- * 3. 서버에 메타데이터 등록
- */
-export const uploadGuidePair = async (
-  imageFile: File,
-  xmlFile: File,
-  svgFile: File,
-  fileName: string,
-  subCategoryId: number,
-  content?: string,
-  tags?: string[],
-  onProgress?: (progress: number) => void
-): Promise<Guide> => {
-  try {
-    // 1. Presigned URL 생성
-    const {
-      guideUploadUrl,
-      guideS3Key,
-      imageUploadUrl,
-      imageS3Key,
-      svgUploadUrl,
-      svgS3Key,
-    } = await getGuidePresignedUrl(fileName);
-
-    // 2. 이미지 파일 S3에 업로드
-    await uploadGuideToS3(imageUploadUrl, imageFile, (progress) => {
-      if (onProgress) {
-        onProgress(progress.percentage * 0.4); // 40%까지
-      }
-    });
-
-    // 3. XML 파일 S3에 업로드
-    await uploadGuideToS3(guideUploadUrl, xmlFile, (progress) => {
-      if (onProgress) {
-        onProgress(40 + progress.percentage * 0.4); // 40%~80%
-      }
-    });
-
-    // 4. SVG 파일 S3에 업로드
-    await uploadGuideToS3(svgUploadUrl, svgFile, (progress) => {
-      if (onProgress) {
-        onProgress(80 + progress.percentage * 0.2); // 80%~100%
-      }
-    });
-
-    // 5. 서버에 메타데이터 등록
-    if (onProgress) {
-      onProgress(80); // 80%
-    }
-
-    const guide = await registerGuide(
-      guideS3Key,
-      svgS3Key,
-      fileName,
-      imageS3Key,
-      subCategoryId,
-      content,
-      tags
-    );
-
-    if (onProgress) {
-      onProgress(100); // 100%
-    }
-
-    return guide;
-  } catch (error) {
-    console.error("Guide pair upload failed:", error);
-    throw error;
-  }
-};
diff --git a/src/app/services/apis/index.ts b/src/app/services/apis/index.ts
deleted file mode 100644
index 868c201..0000000
--- a/src/app/services/apis/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// API 함수들을 통합 관리
-export * from "./auth";
-export * from "./landing";
-export * from "./guide";
-export { default as apiClient } from "./base";
diff --git a/src/app/services/stores/index.ts b/src/app/services/stores/index.ts
deleted file mode 100644
index 0d27226..0000000
--- a/src/app/services/stores/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// Zustand 스토어들을 쉽게 import할 수 있도록 re-export
-export { useAuthStore } from "./useAuthStore";
diff --git a/src/app/services/stores/useAuthStore.ts b/src/app/services/stores/useAuthStore.ts
deleted file mode 100644
index 46cafd6..0000000
--- a/src/app/services/stores/useAuthStore.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { create } from "zustand";
-import { tokenStorage } from "../token/tokenUtils";
-import type { User } from "../types/auth";
-
-interface AuthState {
-  // 상태
-  user: User | null;
-  accessToken: string | null;
-  refreshToken: string | null;
-  isAuthenticated: boolean;
-  isLoading: boolean;
-
-  // 액션
-  setAuth: (user: User, accessToken: string, refreshToken: string) => void;
-  setUser: (user: User) => void;
-  setTokens: (accessToken: string, refreshToken?: string) => void;
-  clearAuth: () => void;
-  initializeAuth: () => void;
-  setLoading: (loading: boolean) => void;
-}
-
-export const useAuthStore = create<AuthState>((set, get) => ({
-  // 초기 상태
-  user: null,
-  accessToken: null,
-  refreshToken: null,
-  isAuthenticated: false,
-  isLoading: false,
-
-  // 로그인 성공 시 인증 정보 설정
-  setAuth: (user: User, accessToken: string, refreshToken: string) => {
-    // 토큰을 localStorage와 네이티브 앱에 저장
-    tokenStorage.setToken("accessToken", accessToken);
-    tokenStorage.setToken("refreshToken", refreshToken);
-
-    set({
-      user,
-      accessToken,
-      refreshToken,
-      isAuthenticated: true,
-    });
-  },
-
-  // 사용자 정보 업데이트
-  setUser: (user: User) => {
-    set({ user });
-  },
-
-  // 토큰 업데이트 (리프레시 토큰 갱신 시)
-  setTokens: (accessToken: string, refreshToken?: string) => {
-    tokenStorage.setToken("accessToken", accessToken);
-
-    if (refreshToken) {
-      tokenStorage.setToken("refreshToken", refreshToken);
-    }
-
-    set({
-      accessToken,
-      refreshToken: refreshToken || get().refreshToken,
-      isAuthenticated: true,
-    });
-  },
-
-  // 로그아웃 또는 토큰 만료 시 인증 정보 제거
-  clearAuth: () => {
-    tokenStorage.removeToken("accessToken");
-    tokenStorage.removeToken("refreshToken");
-
-    set({
-      user: null,
-      accessToken: null,
-      refreshToken: null,
-      isAuthenticated: false,
-    });
-  },
-
-  // 앱 초기화 시 저장된 토큰으로 인증 상태 복원
-  initializeAuth: () => {
-    const accessToken = tokenStorage.getToken("accessToken");
-    const refreshToken = tokenStorage.getToken("refreshToken");
-
-    if (accessToken && refreshToken) {
-      set({
-        accessToken,
-        refreshToken,
-        isAuthenticated: true,
-      });
-    }
-  },
-
-  // 로딩 상태 설정
-  setLoading: (loading: boolean) => {
-    set({ isLoading: loading });
-  },
-}));
diff --git a/src/app/services/token/index.ts b/src/app/services/token/index.ts
deleted file mode 100644
index 3481d08..0000000
--- a/src/app/services/token/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// 토큰 관련 유틸리티들을 쉽게 import할 수 있도록 re-export
-export * from "./tokenUtils";
diff --git a/src/app/services/token/tokenUtils.ts b/src/app/services/token/tokenUtils.ts
deleted file mode 100644
index a613b60..0000000
--- a/src/app/services/token/tokenUtils.ts
+++ /dev/null
@@ -1,146 +0,0 @@
-// 웹뷰 환경 체크
-export const isWebView = () => {
-  return (
-    typeof window !== "undefined" &&
-    (window.navigator.userAgent.includes("wv") ||
-      window.navigator.userAgent.includes("WebView") ||
-      // @ts-expect-error - 안드로이드 네이티브 앱에서 주입하는 인터페이스
-      window.Android !== undefined ||
-      // @ts-expect-error - iOS 네이티브 앱에서 주입하는 인터페이스
-      window.webkit?.messageHandlers !== undefined)
-  );
-};
-
-// 안드로이드 네이티브 앱 체크
-export const isAndroidApp = () => {
-  return (
-    typeof window !== "undefined" &&
-    // @ts-expect-error - 안드로이드 네이티브 앱에서 주입하는 인터페이스
-    window.Android !== undefined
-  );
-};
-
-// iOS 네이티브 앱 체크
-export const isIOSApp = () => {
-  return (
-    typeof window !== "undefined" &&
-    // @ts-expect-error - iOS 네이티브 앱에서 주입하는 인터페이스
-    window.webkit?.messageHandlers !== undefined
-  );
-};
-
-// 토큰 저장/조회 유틸리티
-export const tokenStorage = {
-  getToken: (key: string): string | null => {
-    if (typeof window === "undefined") return null;
-
-    // 안드로이드 네이티브 앱에서 토큰 가져오기
-    if (isAndroidApp()) {
-      try {
-        // @ts-expect-error - 안드로이드 네이티브 앱에서 주입하는 인터페이스
-        const token = window.Android.getToken(key);
-        if (token) return token;
-      } catch (e) {
-        console.log("안드로이드 앱 브릿지 토큰 조회 실패, localStorage 사용");
-      }
-    }
-
-    // iOS 네이티브 앱에서 토큰 가져오기
-    if (isIOSApp()) {
-      try {
-        // @ts-expect-error - iOS 네이티브 앱에서 주입하는 인터페이스
-        window.webkit.messageHandlers.tokenHandler.postMessage({
-          type: "GET_TOKEN",
-          key: key,
-        });
-        // iOS의 경우 비동기적으로 응답을 받아야 하므로 localStorage 사용
-      } catch (e) {
-        console.log("iOS 앱 브릿지 토큰 조회 실패, localStorage 사용");
-      }
-    }
-
-    return localStorage.getItem(key);
-  },
-
-  setToken: (key: string, value: string): void => {
-    if (typeof window === "undefined") return;
-
-    // 안드로이드 네이티브 앱에 토큰 저장
-    if (isAndroidApp()) {
-      try {
-        // @ts-expect-error - 안드로이드 네이티브 앱에서 주입하는 인터페이스
-        window.Android.setToken(key, value);
-      } catch (e) {
-        console.log("안드로이드 앱 브릿지 토큰 저장 실패, localStorage 사용");
-      }
-    }
-
-    // iOS 네이티브 앱에 토큰 저장
-    if (isIOSApp()) {
-      try {
-        // @ts-expect-error - iOS 네이티브 앱에서 주입하는 인터페이스
-        window.webkit.messageHandlers.tokenHandler.postMessage({
-          type: "SET_TOKEN",
-          key: key,
-          value: value,
-        });
-      } catch (e) {
-        console.log("iOS 앱 브릿지 토큰 저장 실패, localStorage 사용");
-      }
-    }
-
-    localStorage.setItem(key, value);
-  },
-
-  removeToken: (key: string): void => {
-    if (typeof window === "undefined") return;
-
-    // 안드로이드 네이티브 앱에서 토큰 삭제
-    if (isAndroidApp()) {
-      try {
-        // @ts-expect-error - 안드로이드 네이티브 앱에서 주입하는 인터페이스
-        window.Android.removeToken(key);
-      } catch (e) {
-        console.log("안드로이드 앱 브릿지 토큰 삭제 실패, localStorage 사용");
-      }
-    }
-
-    // iOS 네이티브 앱에서 토큰 삭제
-    if (isIOSApp()) {
-      try {
-        // @ts-expect-error - iOS 네이티브 앱에서 주입하는 인터페이스
-        window.webkit.messageHandlers.tokenHandler.postMessage({
-          type: "REMOVE_TOKEN",
-          key: key,
-        });
-      } catch (e) {
-        console.log("iOS 앱 브릿지 토큰 삭제 실패, localStorage 사용");
-      }
-    }
-
-    localStorage.removeItem(key);
-  },
-};
-
-// 네이티브 앱에 토큰 만료 알림
-export const notifyTokenExpired = () => {
-  if (isAndroidApp()) {
-    try {
-      // @ts-expect-error - 안드로이드 네이티브 앱에서 주입하는 인터페이스
-      window.Android.onTokenExpired();
-    } catch (e) {
-      console.log("안드로이드 앱 로그아웃 알림 실패");
-    }
-  }
-
-  if (isIOSApp()) {
-    try {
-      // @ts-expect-error - iOS 네이티브 앱에서 주입하는 인터페이스
-      window.webkit.messageHandlers.authHandler.postMessage({
-        type: "TOKEN_EXPIRED",
-      });
-    } catch (e) {
-      console.log("iOS 앱 로그아웃 알림 실패");
-    }
-  }
-};
diff --git a/src/app/services/types/auth.ts b/src/app/services/types/auth.ts
deleted file mode 100644
index 26ea609..0000000
--- a/src/app/services/types/auth.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-// 로그인 요청 타입
-export interface LoginRequest {
-  email: string;
-  password: string;
-}
-
-// 회원가입 요청 타입
-export interface RegisterRequest {
-  email: string;
-  password: string;
-  name: string;
-  businessName?: string;
-  businessType?: string;
-}
-
-// 인증 응답 타입
-export interface AuthResponse {
-  accessToken: string;
-  refreshToken: string;
-  user: User;
-}
-
-// 사용자 정보 타입
-export interface User {
-  id: number;
-  email: string;
-  name: string;
-  businessName?: string;
-  businessType?: string;
-  createdAt: string;
-  updatedAt: string;
-}
-
-// 토큰 갱신 요청 타입
-export interface RefreshTokenRequest {
-  refreshToken: string;
-}
-
-// 토큰 갱신 응답 타입
-export interface RefreshTokenResponse {
-  accessToken: string;
-  refreshToken: string;
-}
-
-// 비밀번호 재설정 요청 타입
-export interface ResetPasswordRequest {
-  email: string;
-}
-
-// 비밀번호 변경 요청 타입
-export interface ChangePasswordRequest {
-  currentPassword: string;
-  newPassword: string;
-}
diff --git a/src/app/services/types/common.ts b/src/app/services/types/common.ts
deleted file mode 100644
index 278c520..0000000
--- a/src/app/services/types/common.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-// 공통 응답 타입
-export interface ApiResponse<T = unknown> {
-  success: boolean;
-  data: T;
-  message?: string;
-  error?: string;
-}
-
-// 페이지네이션 타입
-export interface PaginationParams {
-  page?: number;
-  size?: number;
-  sort?: string;
-}
-
-export interface PaginationResponse<T> {
-  content: T[];
-  pageable: {
-    pageNumber: number;
-    pageSize: number;
-    sort: {
-      empty: boolean;
-      sorted: boolean;
-      unsorted: boolean;
-    };
-  };
-  totalElements: number;
-  totalPages: number;
-  last: boolean;
-  first: boolean;
-  numberOfElements: number;
-  empty: boolean;
-}
-
-// 에러 타입
-export interface ApiError {
-  code: string;
-  message: string;
-  details?: Record<string, unknown>;
-}
diff --git a/src/app/services/types/guide.ts b/src/app/services/types/guide.ts
deleted file mode 100644
index d291171..0000000
--- a/src/app/services/types/guide.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-// 가이드 관련 타입 정의
-
-export interface Guide {
-  guideId: number;
-  content: string;
-  guideS3Key: string; // XML 파일 (안드로이드용)
-  svgS3Key: string; // SVG 파일 (UI 미리보기용)
-  fileName: string;
-  imageS3Key: string;
-  categoryName: string;
-  subCategoryName: string;
-  tags: string[];
-}
-
-export interface GuidePresignedUrlRequest {
-  fileName: string;
-}
-
-export interface GuidePresignedUrlResponse {
-  guideS3Key: string; // XML 파일
-  guideUploadUrl: string;
-  svgS3Key: string; // SVG 파일
-  svgUploadUrl: string;
-  imageS3Key: string; // 이미지 파일
-  imageUploadUrl: string;
-}
-
-export interface GuideRegisterRequest {
-  guideS3Key: string; // XML 파일
-  svgS3Key: string; // SVG 파일
-  fileName: string;
-  imageS3Key: string; // 이미지 파일
-  content?: string;
-  subCategoryId: number;
-  tags?: string[];
-}
-
-export interface GuideRegisterResponse {
-  guideId: number;
-  content: string;
-  guideS3Key: string; // XML 파일
-  svgS3Key: string; // SVG 파일
-  fileName: string;
-  imageS3Key: string; // 이미지 파일
-  categoryName: string;
-  subCategoryName: string;
-  tags: string[];
-}
-
-export interface GuideListResponse {
-  content: Guide[];
-  page: number;
-  size: number;
-  totalElements: number;
-  totalPages: number;
-  hasNext: boolean;
-  hasPrevious: boolean;
-}
-
-export interface GuideDetailResponse {
-  id: number;
-  s3Key: string;
-  fileName: string;
-  createdAt: string;
-}
-
-export interface GuideDeleteRequest {
-  guideIds: number[];
-}
-
-export interface GuideDeleteResponse {
-  // 비어있는 result 객체
-  [key: string]: never;
-}
-
-// 가이드 API 응답 공통 형태
-export interface GuideApiResponse<T> {
-  code: number;
-  message: string;
-  result: T;
-}
-
-// 가이드 업로드 진행률 관련 타입
-export interface GuideUploadProgress {
-  loaded: number;
-  total: number;
-  percentage: number;
-}
-
-export interface GuideFileUploadItem {
-  id: string;
-  file: File;
-  progress: number;
-  status: "pending" | "uploading" | "completed" | "error";
-  error?: string;
-  guide?: Guide;
-}
-
-// 페이지네이션 파라미터
-export interface Pageable {
-  page: number;
-  size: number;
-  sort?: string[];
-}
-
-// 카테고리 enum 및 관련 타입
-export enum FoodCategory {
-  COFFEE = 1,
-  BEVERAGE = 2,
-  TEA = 3,
-  CAKE = 4,
-  BAKERY = 5,
-  ICE_CREAM = 6,
-  HAMBURGER = 7,
-  PIZZA = 8,
-  SANDWICH = 9,
-  TOAST = 10,
-  VIETNAMESE_FOOD = 11,
-  THAI_FOOD = 12,
-  INDIAN_FOOD = 13,
-  KOREAN_MEAL = 14,
-  PORRIDGE = 15,
-  NOODLES = 16,
-  MEAT = 17,
-  GRILLED = 18,
-  STEW = 19,
-  SOUP_RICE = 20,
-  PORK_FEET = 21,
-  PORK_CUTLET = 22,
-  SASHIMI = 23,
-  SUSHI = 24,
-  UDON = 25,
-  SOBA = 26,
-  TTEOKBOKKI = 27,
-  KIMBAP = 28,
-  RAMEN = 29,
-  FRIED_FOOD = 30,
-  FRIED_CHICKEN = 31,
-  SEASONED_CHICKEN = 32,
-  OVEN_ROASTED = 33,
-  JAJANGMYEON = 34,
-  JJAMPPONG = 35,
-  SWEET_SOUR_PORK = 36,
-  MALATANG = 37,
-  STEAMED = 38,
-  SOUP = 39,
-  HOTPOT = 40,
-}
-
-export const FOOD_CATEGORY_LABELS: Record<FoodCategory, string> = {
-  [FoodCategory.COFFEE]: "커피",
-  [FoodCategory.BEVERAGE]: "음료",
-  [FoodCategory.TEA]: "차",
-  [FoodCategory.CAKE]: "케이크",
-  [FoodCategory.BAKERY]: "베이커리",
-  [FoodCategory.ICE_CREAM]: "아이스크림",
-  [FoodCategory.HAMBURGER]: "햄버거",
-  [FoodCategory.PIZZA]: "피자",
-  [FoodCategory.SANDWICH]: "샌드위치",
-  [FoodCategory.TOAST]: "토스트",
-  [FoodCategory.VIETNAMESE_FOOD]: "베트남 음식",
-  [FoodCategory.THAI_FOOD]: "태국 음식",
-  [FoodCategory.INDIAN_FOOD]: "인도 음식",
-  [FoodCategory.KOREAN_MEAL]: "백반",
-  [FoodCategory.PORRIDGE]: "죽",
-  [FoodCategory.NOODLES]: "국수",
-  [FoodCategory.MEAT]: "고기",
-  [FoodCategory.GRILLED]: "구이",
-  [FoodCategory.STEW]: "찌개",
-  [FoodCategory.SOUP_RICE]: "국밥",
-  [FoodCategory.PORK_FEET]: "족발",
-  [FoodCategory.PORK_CUTLET]: "돈까스",
-  [FoodCategory.SASHIMI]: "회",
-  [FoodCategory.SUSHI]: "초밥",
-  [FoodCategory.UDON]: "우동",
-  [FoodCategory.SOBA]: "소바",
-  [FoodCategory.TTEOKBOKKI]: "떡볶이",
-  [FoodCategory.KIMBAP]: "김밥",
-  [FoodCategory.RAMEN]: "라면",
-  [FoodCategory.FRIED_FOOD]: "튀김",
-  [FoodCategory.FRIED_CHICKEN]: "후라이드",
-  [FoodCategory.SEASONED_CHICKEN]: "양념치킨",
-  [FoodCategory.OVEN_ROASTED]: "오븐구이",
-  [FoodCategory.JAJANGMYEON]: "짜장면",
-  [FoodCategory.JJAMPPONG]: "짬뽕",
-  [FoodCategory.SWEET_SOUR_PORK]: "탕수육",
-  [FoodCategory.MALATANG]: "마라탕",
-  [FoodCategory.STEAMED]: "찜",
-  [FoodCategory.SOUP]: "탕",
-  [FoodCategory.HOTPOT]: "전골",
-};
-
-export const FOOD_CATEGORY_OPTIONS = Object.entries(FOOD_CATEGORY_LABELS).map(
-  ([value, label]) => ({
-    value: Number(value) as FoodCategory,
-    label,
-  })
-);
diff --git a/src/app/services/types/index.ts b/src/app/services/types/index.ts
deleted file mode 100644
index 86c8c98..0000000
--- a/src/app/services/types/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-// 타입 정의들을 쉽게 import할 수 있도록 re-export
-export * from "./auth";
-export * from "./common";
-export * from "./guide";
diff --git a/src/app/ui-components/page.tsx b/src/app/ui-components/page.tsx
deleted file mode 100644
index ef99020..0000000
--- a/src/app/ui-components/page.tsx
+++ /dev/null
@@ -1,734 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { Button } from "@/components/landing/ui/button";
-import { Input } from "@/components/landing/ui/input";
-import { Label } from "@/components/landing/ui/label";
-import { Checkbox } from "@/components/landing/ui/checkbox";
-import {
-    RadioGroup,
-    RadioGroupItem,
-} from "@/components/landing/ui/radio-group";
-import { Textarea } from "@/components/landing/ui/textarea";
-import {
-    Dialog,
-    DialogContent,
-    DialogHeader,
-    DialogTitle,
-    DialogDescription,
-    DialogTrigger,
-} from "@/components/landing/ui/dialog";
-import {
-    Card,
-    CardContent,
-    CardDescription,
-    CardHeader,
-    CardTitle,
-} from "@/components/landing/ui/card";
-import {
-    Avatar,
-    AvatarFallback,
-    AvatarImage,
-} from "@/components/landing/ui/avatar";
-import { ScrollArea } from "@/components/landing/ui/scroll-area";
-import {
-    Tooltip,
-    TooltipContent,
-    TooltipProvider,
-    TooltipTrigger,
-} from "@/components/landing/ui/tooltip";
-import {
-    Toast,
-    ToastAction,
-    ToastClose,
-    ToastDescription,
-    ToastProvider,
-    ToastTitle,
-    ToastViewport,
-} from "@/components/landing/ui/toast";
-import { Toaster, toast } from "@/components/landing/ui/sonner";
-import {
-    Heart,
-    Star,
-    Settings,
-    Download,
-    Trash2,
-    Bell,
-    Mail,
-    Calendar,
-} from "lucide-react";
-
-/**
- * UI 컴포넌트 갤러리 페이지
- *
- * @description 프로젝트에서 사용하는 모든 UI 컴포넌트들을 시각적으로 확인할 수 있는 페이지입니다.
- * 개발 중에 컴포넌트 동작과 스타일을 테스트하기 위한 목적으로 만들어졌습니다.
- */
-export default function UIComponentsPage() {
-    const [checkboxState, setCheckboxState] = useState(false);
-    const [radioValue, setRadioValue] = useState("option1");
-    const [inputValue, setInputValue] = useState("");
-    const [textareaValue, setTextareaValue] = useState("");
-    const [showToast, setShowToast] = useState(false);
-
-    return (
-        <>
-            <Toaster />
-            <ToastProvider>
-                <div className="min-h-screen bg-gray-50 p-8">
-                    <div className="max-w-6xl mx-auto space-y-12">
-                        {/* 헤더 */}
-                        <div className="text-center space-y-4">
-                            <h1 className="text-4xl font-bold text-gray-900">
-                                UI 컴포넌트 갤러리
-                            </h1>
-                            <p className="text-lg text-gray-600">
-                                찰푸 웹 프로젝트에서 사용하는 모든 UI
-                                컴포넌트들을 확인할 수 있습니다.
-                            </p>
-                            <div className="bg-blue-50 border border-blue-200 rounded-lg p-4 max-w-2xl mx-auto">
-                                <p className="text-sm text-blue-800">
-                                    💡 <strong>개발자 팁:</strong> 각 컴포넌트의
-                                    소스 코드에는 상세한 주석과 사용 예제가
-                                    포함되어 있습니다.
-                                </p>
-                            </div>
-                        </div>
-
-                        {/* 버튼 컴포넌트 */}
-                        <Card>
-                            <CardHeader>
-                                <CardTitle>Button 컴포넌트</CardTitle>
-                                <CardDescription>
-                                    다양한 스타일과 크기를 지원하는 버튼
-                                    컴포넌트입니다.
-                                </CardDescription>
-                            </CardHeader>
-                            <CardContent className="space-y-6">
-                                {/* 버튼 변형 */}
-                                <div className="space-y-4">
-                                    <h3 className="text-lg font-semibold">
-                                        변형 (Variants)
-                                    </h3>
-                                    <div className="flex flex-wrap gap-3">
-                                        <Button variant="default">
-                                            기본 버튼
-                                        </Button>
-                                        <Button variant="destructive">
-                                            위험 버튼
-                                        </Button>
-                                        <Button variant="outline">
-                                            테두리 버튼
-                                        </Button>
-                                        <Button variant="secondary">
-                                            보조 버튼
-                                        </Button>
-                                        <Button variant="ghost">
-                                            고스트 버튼
-                                        </Button>
-                                        <Button variant="link">
-                                            링크 버튼
-                                        </Button>
-                                    </div>
-                                </div>
-
-                                {/* 버튼 크기 */}
-                                <div className="space-y-4">
-                                    <h3 className="text-lg font-semibold">
-                                        크기 (Sizes)
-                                    </h3>
-                                    <div className="flex items-center gap-3">
-                                        <Button size="sm">작은 버튼</Button>
-                                        <Button size="default">
-                                            기본 버튼
-                                        </Button>
-                                        <Button size="lg">큰 버튼</Button>
-                                        <Button size="icon">
-                                            <Heart className="h-4 w-4" />
-                                        </Button>
-                                    </div>
-                                </div>
-
-                                {/* 상태 */}
-                                <div className="space-y-4">
-                                    <h3 className="text-lg font-semibold">
-                                        상태 (States)
-                                    </h3>
-                                    <div className="flex gap-3">
-                                        <Button>활성 상태</Button>
-                                        <Button disabled>비활성 상태</Button>
-                                        <Button
-                                            onClick={() =>
-                                                toast.success(
-                                                    "버튼이 클릭되었습니다!"
-                                                )
-                                            }
-                                        >
-                                            토스트 테스트
-                                        </Button>
-                                    </div>
-                                </div>
-                            </CardContent>
-                        </Card>
-
-                        {/* 입력 컴포넌트 */}
-                        <Card>
-                            <CardHeader>
-                                <CardTitle>Input 컴포넌트</CardTitle>
-                                <CardDescription>
-                                    사용자 입력을 받는 텍스트 필드입니다.
-                                </CardDescription>
-                            </CardHeader>
-                            <CardContent className="space-y-6">
-                                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                                    <div className="space-y-2">
-                                        <Label htmlFor="text-input">
-                                            기본 텍스트 입력
-                                        </Label>
-                                        <Input
-                                            id="text-input"
-                                            placeholder="텍스트를 입력하세요"
-                                            value={inputValue}
-                                            onChange={(e) =>
-                                                setInputValue(e.target.value)
-                                            }
-                                        />
-                                    </div>
-
-                                    <div className="space-y-2">
-                                        <Label htmlFor="email-input">
-                                            이메일 입력
-                                        </Label>
-                                        <Input
-                                            id="email-input"
-                                            type="email"
-                                            placeholder="example@email.com"
-                                        />
-                                    </div>
-
-                                    <div className="space-y-2">
-                                        <Label htmlFor="password-input">
-                                            비밀번호 입력
-                                        </Label>
-                                        <Input
-                                            id="password-input"
-                                            type="password"
-                                            placeholder="비밀번호를 입력하세요"
-                                        />
-                                    </div>
-
-                                    <div className="space-y-2">
-                                        <Label htmlFor="tel-input">
-                                            전화번호 입력
-                                        </Label>
-                                        <Input
-                                            id="tel-input"
-                                            type="tel"
-                                            placeholder="010-0000-0000"
-                                        />
-                                    </div>
-
-                                    <div className="space-y-2">
-                                        <Label htmlFor="disabled-input">
-                                            비활성화된 입력
-                                        </Label>
-                                        <Input
-                                            id="disabled-input"
-                                            disabled
-                                            placeholder="비활성화된 필드"
-                                        />
-                                    </div>
-
-                                    <div className="space-y-2">
-                                        <Label htmlFor="file-input">
-                                            파일 업로드
-                                        </Label>
-                                        <Input id="file-input" type="file" />
-                                    </div>
-                                </div>
-                            </CardContent>
-                        </Card>
-
-                        {/* 체크박스 & 라디오 */}
-                        <Card>
-                            <CardHeader>
-                                <CardTitle>
-                                    Checkbox & RadioGroup 컴포넌트
-                                </CardTitle>
-                                <CardDescription>
-                                    선택 가능한 입력 요소들입니다.
-                                </CardDescription>
-                            </CardHeader>
-                            <CardContent className="space-y-6">
-                                {/* 체크박스 */}
-                                <div className="space-y-4">
-                                    <h3 className="text-lg font-semibold">
-                                        체크박스
-                                    </h3>
-                                    <div className="space-y-3">
-                                        <div className="flex items-center space-x-2">
-                                            <Checkbox
-                                                id="checkbox-1"
-                                                checked={checkboxState}
-                                                onCheckedChange={(checked) =>
-                                                    setCheckboxState(
-                                                        checked === true
-                                                    )
-                                                }
-                                            />
-                                            <Label htmlFor="checkbox-1">
-                                                동의합니다 (제어된 상태)
-                                            </Label>
-                                        </div>
-                                        <div className="flex items-center space-x-2">
-                                            <Checkbox id="checkbox-2" />
-                                            <Label htmlFor="checkbox-2">
-                                                기본 체크박스
-                                            </Label>
-                                        </div>
-                                        <div className="flex items-center space-x-2">
-                                            <Checkbox
-                                                id="checkbox-3"
-                                                disabled
-                                            />
-                                            <Label htmlFor="checkbox-3">
-                                                비활성화된 체크박스
-                                            </Label>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                {/* 라디오 그룹 */}
-                                <div className="space-y-4">
-                                    <h3 className="text-lg font-semibold">
-                                        라디오 그룹
-                                    </h3>
-                                    <RadioGroup
-                                        value={radioValue}
-                                        onValueChange={setRadioValue}
-                                    >
-                                        <div className="flex items-center space-x-2">
-                                            <RadioGroupItem
-                                                value="option1"
-                                                id="option1"
-                                            />
-                                            <Label htmlFor="option1">
-                                                옵션 1
-                                            </Label>
-                                        </div>
-                                        <div className="flex items-center space-x-2">
-                                            <RadioGroupItem
-                                                value="option2"
-                                                id="option2"
-                                            />
-                                            <Label htmlFor="option2">
-                                                옵션 2
-                                            </Label>
-                                        </div>
-                                        <div className="flex items-center space-x-2">
-                                            <RadioGroupItem
-                                                value="option3"
-                                                id="option3"
-                                            />
-                                            <Label htmlFor="option3">
-                                                옵션 3
-                                            </Label>
-                                        </div>
-                                    </RadioGroup>
-                                    <p className="text-sm text-gray-600">
-                                        선택된 값: {radioValue}
-                                    </p>
-                                </div>
-                            </CardContent>
-                        </Card>
-
-                        {/* 텍스트 영역 */}
-                        <Card>
-                            <CardHeader>
-                                <CardTitle>Textarea 컴포넌트</CardTitle>
-                                <CardDescription>
-                                    여러 줄 텍스트를 입력할 수 있는 영역입니다.
-                                </CardDescription>
-                            </CardHeader>
-                            <CardContent className="space-y-4">
-                                <div className="space-y-2">
-                                    <Label htmlFor="textarea">
-                                        의견을 남겨주세요
-                                    </Label>
-                                    <Textarea
-                                        id="textarea"
-                                        placeholder="여기에 의견을 입력하세요..."
-                                        value={textareaValue}
-                                        onChange={(e) =>
-                                            setTextareaValue(e.target.value)
-                                        }
-                                        rows={4}
-                                    />
-                                </div>
-                                <div className="space-y-2">
-                                    <Label htmlFor="textarea-disabled">
-                                        비활성화된 텍스트 영역
-                                    </Label>
-                                    <Textarea
-                                        id="textarea-disabled"
-                                        placeholder="비활성화된 텍스트 영역"
-                                        disabled
-                                    />
-                                </div>
-                            </CardContent>
-                        </Card>
-
-                        {/* 다이얼로그 */}
-                        <Card>
-                            <CardHeader>
-                                <CardTitle>Dialog 컴포넌트</CardTitle>
-                                <CardDescription>
-                                    모달 창을 표시하는 컴포넌트입니다.
-                                </CardDescription>
-                            </CardHeader>
-                            <CardContent className="space-y-4">
-                                <div className="flex gap-3">
-                                    <Dialog>
-                                        <DialogTrigger asChild>
-                                            <Button>기본 다이얼로그</Button>
-                                        </DialogTrigger>
-                                        <DialogContent>
-                                            <DialogHeader>
-                                                <DialogTitle>
-                                                    다이얼로그 제목
-                                                </DialogTitle>
-                                                <DialogDescription>
-                                                    이것은 다이얼로그의
-                                                    설명입니다. 여기에 필요한
-                                                    정보를 표시할 수 있습니다.
-                                                </DialogDescription>
-                                            </DialogHeader>
-                                            <div className="space-y-4">
-                                                <p>
-                                                    다이얼로그 본문 내용입니다.
-                                                </p>
-                                                <div className="flex justify-end gap-2">
-                                                    <Button variant="outline">
-                                                        취소
-                                                    </Button>
-                                                    <Button>확인</Button>
-                                                </div>
-                                            </div>
-                                        </DialogContent>
-                                    </Dialog>
-                                </div>
-                            </CardContent>
-                        </Card>
-
-                        {/* 아바타 */}
-                        <Card>
-                            <CardHeader>
-                                <CardTitle>Avatar 컴포넌트</CardTitle>
-                                <CardDescription>
-                                    사용자 프로필 이미지를 표시하는
-                                    컴포넌트입니다.
-                                </CardDescription>
-                            </CardHeader>
-                            <CardContent className="space-y-4">
-                                <div className="flex items-center gap-4">
-                                    <Avatar>
-                                        <AvatarImage
-                                            src="https://github.com/shadcn.png"
-                                            alt="@shadcn"
-                                        />
-                                        <AvatarFallback>CN</AvatarFallback>
-                                    </Avatar>
-                                    <Avatar>
-                                        <AvatarImage
-                                            src="/nonexistent-image.png"
-                                            alt="fallback test"
-                                        />
-                                        <AvatarFallback>FB</AvatarFallback>
-                                    </Avatar>
-                                    <Avatar>
-                                        <AvatarFallback>찰푸</AvatarFallback>
-                                    </Avatar>
-                                </div>
-                            </CardContent>
-                        </Card>
-
-                        {/* 스크롤 영역 */}
-                        <Card>
-                            <CardHeader>
-                                <CardTitle>ScrollArea 컴포넌트</CardTitle>
-                                <CardDescription>
-                                    커스텀 스크롤바가 있는 스크롤 영역입니다.
-                                </CardDescription>
-                            </CardHeader>
-                            <CardContent>
-                                <ScrollArea className="h-32 w-full border rounded-md p-4">
-                                    <div className="space-y-2">
-                                        {Array.from({ length: 20 }, (_, i) => (
-                                            <div key={i} className="text-sm">
-                                                스크롤 아이템 {i + 1} - 이것은
-                                                스크롤 영역을 테스트하기 위한 긴
-                                                텍스트입니다.
-                                            </div>
-                                        ))}
-                                    </div>
-                                </ScrollArea>
-                            </CardContent>
-                        </Card>
-
-                        {/* 툴팁 */}
-                        <Card>
-                            <CardHeader>
-                                <CardTitle>Tooltip 컴포넌트</CardTitle>
-                                <CardDescription>
-                                    호버 시 추가 정보를 표시하는 컴포넌트입니다.
-                                </CardDescription>
-                            </CardHeader>
-                            <CardContent>
-                                <TooltipProvider>
-                                    <div className="flex gap-4">
-                                        <Tooltip>
-                                            <TooltipTrigger asChild>
-                                                <Button variant="outline">
-                                                    <Settings className="h-4 w-4" />
-                                                </Button>
-                                            </TooltipTrigger>
-                                            <TooltipContent>
-                                                <p>설정</p>
-                                            </TooltipContent>
-                                        </Tooltip>
-
-                                        <Tooltip>
-                                            <TooltipTrigger asChild>
-                                                <Button variant="outline">
-                                                    <Download className="h-4 w-4" />
-                                                </Button>
-                                            </TooltipTrigger>
-                                            <TooltipContent>
-                                                <p>다운로드</p>
-                                            </TooltipContent>
-                                        </Tooltip>
-
-                                        <Tooltip>
-                                            <TooltipTrigger asChild>
-                                                <Button variant="outline">
-                                                    <Trash2 className="h-4 w-4" />
-                                                </Button>
-                                            </TooltipTrigger>
-                                            <TooltipContent>
-                                                <p>삭제</p>
-                                            </TooltipContent>
-                                        </Tooltip>
-                                    </div>
-                                </TooltipProvider>
-                            </CardContent>
-                        </Card>
-
-                        {/* 토스트 알림 */}
-                        <Card>
-                            <CardHeader>
-                                <CardTitle>Toast 알림 시스템</CardTitle>
-                                <CardDescription>
-                                    사용자에게 피드백을 제공하는 알림
-                                    시스템입니다.
-                                </CardDescription>
-                            </CardHeader>
-                            <CardContent className="space-y-6">
-                                {/* Sonner 토스트 */}
-                                <div className="space-y-4">
-                                    <h3 className="text-lg font-semibold">
-                                        Sonner 토스트
-                                    </h3>
-                                    <p className="text-sm text-gray-600">
-                                        현재 프로젝트에서 사용 중인 토스트
-                                        시스템
-                                    </p>
-                                    <div className="flex flex-wrap gap-3">
-                                        <Button
-                                            onClick={() =>
-                                                toast.success(
-                                                    "성공적으로 완료되었습니다!"
-                                                )
-                                            }
-                                        >
-                                            성공 토스트
-                                        </Button>
-                                        <Button
-                                            variant="destructive"
-                                            onClick={() =>
-                                                toast.error(
-                                                    "오류가 발생했습니다!"
-                                                )
-                                            }
-                                        >
-                                            에러 토스트
-                                        </Button>
-                                        <Button
-                                            variant="outline"
-                                            onClick={() =>
-                                                toast.warning(
-                                                    "주의사항이 있습니다."
-                                                )
-                                            }
-                                        >
-                                            경고 토스트
-                                        </Button>
-                                        <Button
-                                            variant="secondary"
-                                            onClick={() =>
-                                                toast.info("정보를 확인하세요.")
-                                            }
-                                        >
-                                            정보 토스트
-                                        </Button>
-                                        <Button
-                                            variant="outline"
-                                            onClick={() =>
-                                                toast.success(
-                                                    "파일이 저장되었습니다!",
-                                                    {
-                                                        description:
-                                                            "문서가 안전하게 저장되었습니다.",
-                                                        action: {
-                                                            label: "확인",
-                                                            onClick: () =>
-                                                                toast.info(
-                                                                    "확인 버튼이 클릭되었습니다!"
-                                                                ),
-                                                        },
-                                                    }
-                                                )
-                                            }
-                                        >
-                                            액션이 있는 토스트
-                                        </Button>
-                                    </div>
-                                </div>
-
-                                {/* Radix UI 토스트 */}
-                                <div className="space-y-4">
-                                    <h3 className="text-lg font-semibold">
-                                        Radix UI 토스트
-                                    </h3>
-                                    <p className="text-sm text-gray-600">
-                                        대안으로 사용할 수 있는 Radix UI 기반
-                                        토스트
-                                    </p>
-                                    <div className="flex gap-3">
-                                        <Button
-                                            variant="outline"
-                                            onClick={() => setShowToast(true)}
-                                        >
-                                            Radix UI 토스트 표시
-                                        </Button>
-                                    </div>
-
-                                    {showToast && (
-                                        <Toast>
-                                            <div className="grid gap-1">
-                                                <ToastTitle>알림</ToastTitle>
-                                                <ToastDescription>
-                                                    Radix UI 토스트 알림입니다.
-                                                    스와이프하여 닫을 수
-                                                    있습니다.
-                                                </ToastDescription>
-                                            </div>
-                                            <ToastAction
-                                                altText="확인"
-                                                onClick={() => {
-                                                    setShowToast(false);
-                                                    toast.success(
-                                                        "Radix UI 토스트 액션이 실행되었습니다!"
-                                                    );
-                                                }}
-                                            >
-                                                확인
-                                            </ToastAction>
-                                            <ToastClose
-                                                onClick={() =>
-                                                    setShowToast(false)
-                                                }
-                                            />
-                                        </Toast>
-                                    )}
-                                </div>
-                            </CardContent>
-                        </Card>
-
-                        {/* Label 컴포넌트 */}
-                        <Card>
-                            <CardHeader>
-                                <CardTitle>Label 컴포넌트</CardTitle>
-                                <CardDescription>
-                                    폼 요소와 연결되는 라벨 컴포넌트입니다.
-                                </CardDescription>
-                            </CardHeader>
-                            <CardContent className="space-y-4">
-                                <p className="text-sm text-gray-600">
-                                    Label 컴포넌트는 다른 UI 컴포넌트들과 함께
-                                    사용되어 접근성을 향상시킵니다. 위의 Input,
-                                    Checkbox, RadioGroup 예제에서 사용된 것을
-                                    확인할 수 있습니다.
-                                </p>
-                                <div className="space-y-4 p-4 border rounded-lg bg-gray-50">
-                                    <div className="space-y-2">
-                                        <Label
-                                            htmlFor="example-input"
-                                            className="text-base font-semibold"
-                                        >
-                                            예제 라벨 (큰 폰트)
-                                        </Label>
-                                        <Input
-                                            id="example-input"
-                                            placeholder="라벨과 연결된 입력 필드"
-                                        />
-                                    </div>
-                                    <div className="space-y-2">
-                                        <Label
-                                            htmlFor="example-textarea"
-                                            className="text-sm"
-                                        >
-                                            예제 라벨 (기본 크기)
-                                        </Label>
-                                        <Textarea
-                                            id="example-textarea"
-                                            placeholder="라벨과 연결된 텍스트 영역"
-                                            rows={3}
-                                        />
-                                    </div>
-                                </div>
-                            </CardContent>
-                        </Card>
-
-                        {/* 푸터 */}
-                        <div className="text-center py-8 space-y-4">
-                            <div className="bg-gradient-to-r from-blue-50 to-purple-50 border border-blue-200 rounded-lg p-6">
-                                <h3 className="text-lg font-semibold mb-2">
-                                    개발자 정보
-                                </h3>
-                                <p className="text-gray-600 mb-4">
-                                    이 페이지는 개발 목적으로 만들어졌습니다.
-                                    프로덕션에서는 접근할 수 없습니다.
-                                </p>
-                                <div className="text-sm text-gray-500 space-y-1">
-                                    <p>
-                                        📁 컴포넌트 경로:{" "}
-                                        <code>src/components/landing/ui/</code>
-                                    </p>
-                                    <p>
-                                        🎨 스타일링: Tailwind CSS + CVA (Class
-                                        Variance Authority)
-                                    </p>
-                                    <p>
-                                        🔧 기반 라이브러리: Radix UI + Lucide
-                                        React Icons
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <ToastViewport />
-            </ToastProvider>
-        </>
-    );
-}
diff --git a/src/components/landing/FeaturesSection.tsx b/src/components/landing/FeaturesSection.tsx
index d7b2605..16e90e1 100644
--- a/src/components/landing/FeaturesSection.tsx
+++ b/src/components/landing/FeaturesSection.tsx
@@ -23,7 +23,7 @@ const features = [
   {
     icon: <ImageIcon className="h-10 w-10 text-teal-500" aria-hidden="true" />,
     title: "음식별 자동 필터 및 보정",
-    description: "AI가 음식을 인식하여 최적의 필터와 보정을 자동 적용합니다.",
+    description: "최적의 필터와 보정을 자동 적용합니다.",
   },
   {
     icon: <TrendingUp className="h-10 w-10 text-teal-500" aria-hidden="true" />,
diff --git a/src/components/landing/FooterSection.tsx b/src/components/landing/FooterSection.tsx
index cdb56f0..3b62c21 100644
--- a/src/components/landing/FooterSection.tsx
+++ b/src/components/landing/FooterSection.tsx
@@ -1,35 +1,6 @@
-// import { Button } from "@/components/landing/ui/button";
-// import { Input } from "@/components/landing/ui/input";
-
-"use client";
-
-import { useEffect, useState } from "react";
-import QRCode from "qrcode";
 import Image from "next/image";
 
 const FooterSection = () => {
-  const [qrCodeUrl, setQrCodeUrl] = useState<string>("");
-
-  useEffect(() => {
-    const generateQRCode = async () => {
-      try {
-        const url = await QRCode.toDataURL("https://open.kakao.com/o/sLlFq7Hh", {
-          width: 80,
-          margin: 1,
-          color: {
-            dark: "#000000",
-            light: "#FFFFFF"
-          }
-        });
-        setQrCodeUrl(url);
-      } catch (error) {
-        console.error("QR 코드 생성 오류:", error);
-      }
-    };
-
-    generateQRCode();
-  }, []);
-
   return (
     <footer className="bg-gray-900 text-white">
       <div className="container mx-auto px-4 py-12">
@@ -37,8 +8,10 @@ const FooterSection = () => {
           <div>
             <h3 className="text-xl font-bold mb-4">Chalpu</h3>
             <p className="text-gray-300 mb-6">
-              자영업자를 위한  <br />
-              <span className="whitespace-nowrap">최고의 사진 촬영 가이드 및 사진 관리 솔루션</span>
+              자영업자를 위한 <br />
+              <span className="whitespace-nowrap">
+                최고의 사진 촬영 가이드 및 사진 관리 솔루션
+              </span>
             </p>
             <div className="flex flex-col space-y-2">
               <p className="text-gray-300">
@@ -55,35 +28,32 @@ const FooterSection = () => {
             <h3 className="text-xl font-bold">문의하기</h3>
             <div className="flex flex-row gap-6 items-center">
               <div className="flex flex-col justify-center">
-                <a 
-                  href="https://open.kakao.com/o/sLlFq7Hh" 
-                  target="_blank" 
+                <a
+                  href="https://open.kakao.com/o/sCpB58Hh"
+                  target="_blank"
                   rel="noopener noreferrer"
                   className="inline-flex items-center justify-center min-w-64 bg-yellow-400 text-black font-medium py-3 px-4 rounded-lg hover:bg-yellow-500 transition-colors w-full"
                 >
-                  <svg className="w-5 h-5 mr-2" viewBox="0 0 24 24" fill="currentColor">
-                    <path d="M12 3c5.799 0 10.5 3.664 10.5 8.185 0 4.52-4.701 8.184-10.5 8.184a13.5 13.5 0 0 1-1.727-.11l-4.408 2.883c-.501.265-.678.236-.472-.413l.892-3.678c-2.88-1.46-4.785-3.99-4.785-6.866C1.5 6.665 6.201 3 12 3z"/>
+                  <svg
+                    className="w-5 h-5 mr-2"
+                    viewBox="0 0 24 24"
+                    fill="currentColor"
+                  >
+                    <path d="M12 3c5.799 0 10.5 3.664 10.5 8.185 0 4.52-4.701 8.184-10.5 8.184a13.5 13.5 0 0 1-1.727-.11l-4.408 2.883c-.501.265-.678.236-.472-.413l.892-3.678c-2.88-1.46-4.785-3.99-4.785-6.866C1.5 6.665 6.201 3 12 3z" />
                   </svg>
                   카카오톡 문의하기
                 </a>
               </div>
-              
+
               <div className="text-center mt-2">
                 <p className="text-gray-300 mb-2 text-sm">모바일 접속</p>
                 <div className="bg-white p-3 rounded-lg">
-                  {qrCodeUrl ? (
-                    <Image 
-                      src={qrCodeUrl} 
-                      alt="카카오톡 오픈채팅 QR 코드" 
-                      className="w-20 h-20"
-                      width={80}
-                      height={80}
-                    />
-                  ) : (
-                    <div className="w-20 h-20 bg-gray-200 rounded flex items-center justify-center">
-                      <span className="text-gray-500 text-xs">로딩중...</span>
-                    </div>
-                  )}
+                  <Image
+                    src={"/qr.jpeg"}
+                    alt="카카오톡 오픈채팅 QR 코드"
+                    width={100}
+                    height={100}
+                  />
                 </div>
               </div>
             </div>