YAPP-Github · Seojunhwan · Oct 20, 2025 · Oct 18, 2025 · Oct 18, 2025 · Oct 18, 2025
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,4 +1,4 @@
-import "@/styles/reset.css.ts";
+import "@/shared/styles/reset.css.ts";
 
 import type { Preview } from "@storybook/nextjs";
 

diff --git a/next.config.ts b/next.config.ts
@@ -32,6 +32,12 @@ const nextConfig: NextConfig = {
         port: "",
         pathname: "/**",
       },
+      {
+        protocol: "https",
+        hostname: "d3pgb9bl5ulw34.cloudfront.net",
+        port: "",
+        pathname: "/**",
+      },
     ],
   },
 };

diff --git a/src/app/(auth)/_api/session/session.types.ts b/src/app/(auth)/_api/session/session.types.ts
diff --git a/src/app/(cheer)/_api/cheer.queries.ts b/src/app/(cheer)/_api/cheer.queries.ts
diff --git a/src/app/(home)/_api/articles/articles.api.ts b/src/app/(home)/_api/articles/articles.api.ts
diff --git a/src/app/(home)/_api/articles/articles.queries.ts b/src/app/(home)/_api/articles/articles.queries.ts
diff --git a/src/app/(home)/_api/articles/articles.types.ts b/src/app/(home)/_api/articles/articles.types.ts
diff --git a/src/app/(home)/_api/articles/index.ts b/src/app/(home)/_api/articles/index.ts
diff --git a/src/app/(home)/_api/cheer/cheer.api.ts b/src/app/(home)/_api/cheer/cheer.api.ts
diff --git a/src/app/(home)/_api/cheer/cheer.queries.ts b/src/app/(home)/_api/cheer/cheer.queries.ts
diff --git a/src/app/(home)/_api/cheer/cheer.types.ts b/src/app/(home)/_api/cheer/cheer.types.ts
diff --git a/src/app/(home)/_api/cheer/index.ts b/src/app/(home)/_api/cheer/index.ts
diff --git a/src/app/(home)/_api/shop/index.ts b/src/app/(home)/_api/shop/index.ts
diff --git a/src/app/(home)/_api/shop/shop.api.ts b/src/app/(home)/_api/shop/shop.api.ts
diff --git a/src/app/(home)/_api/shop/shop.queries.ts b/src/app/(home)/_api/shop/shop.queries.ts
diff --git a/src/app/(home)/_api/shop/shop.types.ts b/src/app/(home)/_api/shop/shop.types.ts
diff --git a/src/app/(home)/_components/Header/Header.tsx b/src/app/(home)/_components/Header/Header.tsx
@@ -4,7 +4,7 @@ import Link from "next/link";
 
 import LogoWordmarkIcon from "@/assets/logo-wordmark.svg";
 import SearchIcon from "@/assets/search.svg";
-import { GNB } from "@/components/ui/GNB";
+import { GNB } from "@/shared/components/ui/GNB";
 
 export const Header = () => {
   return (

diff --git a/src/app/(home)/_components/RecentCheers/RecentCheers.css.ts b/src/app/(home)/_components/RecentCheers/RecentCheers.css.ts
@@ -1,6 +1,6 @@
 import { style } from "@vanilla-extract/css";
 
-import { colors, radius, semantic } from "@/styles";
+import { colors, radius, semantic } from "@/shared/styles";
 
 export const recentSupportCard = style({
   borderRadius: "2.8rem",

diff --git a/src/app/(home)/_components/RecentCheers/RecentCheers.tsx b/src/app/(home)/_components/RecentCheers/RecentCheers.tsx
@@ -11,16 +11,16 @@ import { Separated } from "react-simplikit";
 
 import LogoWordMark from "@/assets/logo-wordmark.svg";
 import ResetIcon from "@/assets/reset-20.svg";
-import { Button } from "@/components/ui/Button";
-import { Skeleton } from "@/components/ui/Skeleton";
-import { HStack, VStack } from "@/components/ui/Stack";
-import { Tag } from "@/components/ui/Tag";
-import { Text } from "@/components/ui/Text";
-import { TextButton } from "@/components/ui/TextButton";
-import { ALL_TAGS } from "@/constants/tag.constants";
-import { colors } from "@/styles";
-
-import { cheerQueryOptions } from "../../_api/cheer";
+import { cheerQueryOptions } from "@/features/cheer";
+import { Button } from "@/shared/components/ui/Button";
+import { Skeleton } from "@/shared/components/ui/Skeleton";
+import { HStack, VStack } from "@/shared/components/ui/Stack";
+import { Tag } from "@/shared/components/ui/Tag";
+import { Text } from "@/shared/components/ui/Text";
+import { TextButton } from "@/shared/components/ui/TextButton";
+import { ALL_TAGS } from "@/shared/constants/tag.constants";
+import { colors } from "@/shared/styles";
+
 import * as styles from "./RecentCheers.css";
 
 const BACKGROUND_COLORS = ["#FEF8DD", "#FDE5E3", "#E0F2FF"];

diff --git a/src/app/(home)/_components/RecentlySupportStories/RecentlySupportStories.css.ts b/src/app/(home)/_components/RecentlySupportStories/RecentlySupportStories.css.ts
@@ -1,6 +1,6 @@
 import { style } from "@vanilla-extract/css";
 
-import { colors, radius, semantic } from "@/styles";
+import { colors, radius, semantic } from "@/shared/styles";
 
 export const supportedStoreCardList = style({
   paddingInline: "2rem",

diff --git a/src/app/(home)/_components/RecentlySupportStories/RecentlySupportStories.tsx b/src/app/(home)/_components/RecentlySupportStories/RecentlySupportStories.tsx
@@ -6,16 +6,16 @@ import Image from "next/image";
 import Link from "next/link";
 import { Separated } from "react-simplikit";
 
-import { Bleed } from "@/components/ui/Bleed";
-import { Button } from "@/components/ui/Button";
-import { Skeleton } from "@/components/ui/Skeleton";
-import { Spacer } from "@/components/ui/Spacer";
-import { HStack, VStack } from "@/components/ui/Stack";
-import { Text } from "@/components/ui/Text";
-import { TextButton } from "@/components/ui/TextButton";
-import { radius } from "@/styles";
+import { storesQueryOptions } from "@/features/store";
+import { Bleed } from "@/shared/components/ui/Bleed";
+import { Button } from "@/shared/components/ui/Button";
+import { Skeleton } from "@/shared/components/ui/Skeleton";
+import { Spacer } from "@/shared/components/ui/Spacer";
+import { HStack, VStack } from "@/shared/components/ui/Stack";
+import { Text } from "@/shared/components/ui/Text";
+import { TextButton } from "@/shared/components/ui/TextButton";
+import { radius } from "@/shared/styles";
 
-import { storesQueryOptions } from "../../_api/shop";
 import * as styles from "./RecentlySupportStories.css";
 
 export const RecentlySupportedStores = () => {

diff --git a/src/app/(home)/_components/RegisterPopup/RegisterPopup.tsx b/src/app/(home)/_components/RegisterPopup/RegisterPopup.tsx
@@ -7,13 +7,13 @@ import Link from "next/link";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import Slider from "react-slick";
 
-import { Bleed } from "@/components/ui/Bleed";
-import { Button } from "@/components/ui/Button";
-import { Popup } from "@/components/ui/Popup";
-import { Spacer } from "@/components/ui/Spacer";
-import { VStack } from "@/components/ui/Stack";
-import { Text } from "@/components/ui/Text";
-import { TextButton } from "@/components/ui/TextButton";
+import { Bleed } from "@/shared/components/ui/Bleed";
+import { Button } from "@/shared/components/ui/Button";
+import { Popup } from "@/shared/components/ui/Popup";
+import { Spacer } from "@/shared/components/ui/Spacer";
+import { VStack } from "@/shared/components/ui/Stack";
+import { Text } from "@/shared/components/ui/Text";
+import { TextButton } from "@/shared/components/ui/TextButton";
 
 const IMAGES = [
   "/images/register-popup-card1.png",

diff --git a/src/app/(home)/_components/ServiceIntroBottomSheet/ServiceIntroBottomSheet.css.ts b/src/app/(home)/_components/ServiceIntroBottomSheet/ServiceIntroBottomSheet.css.ts
@@ -1,6 +1,6 @@
 import { style } from "@vanilla-extract/css";
 
-import { semantic } from "@/styles";
+import { semantic } from "@/shared/styles";
 
 export const content = style({
   height: "54.8rem",

diff --git a/src/app/(home)/_components/ServiceIntroBottomSheet/ServiceIntroBottomSheet.tsx b/src/app/(home)/_components/ServiceIntroBottomSheet/ServiceIntroBottomSheet.tsx
@@ -6,11 +6,11 @@ import { useEffect, useRef, useState } from "react";
 import Slider from "react-slick";
 
 import CancelIcon from "@/assets/cancel.svg";
-import { BottomSheet } from "@/components/ui/BottomSheet";
-import { Button } from "@/components/ui/Button";
-import { Indicator } from "@/components/ui/Indicator";
-import { Spacer } from "@/components/ui/Spacer";
-import { Text } from "@/components/ui/Text";
+import { BottomSheet } from "@/shared/components/ui/BottomSheet";
+import { Button } from "@/shared/components/ui/Button";
+import { Indicator } from "@/shared/components/ui/Indicator";
+import { Spacer } from "@/shared/components/ui/Spacer";
+import { Text } from "@/shared/components/ui/Text";
 
 import { INTRO_STEP_CONTENTS, type IntroStepContent } from "../../_constants";
 import * as styles from "./ServiceIntroBottomSheet.css";

diff --git a/src/app/(home)/_components/StoreList/StoreList.tsx b/src/app/(home)/_components/StoreList/StoreList.tsx
@@ -1,12 +1,12 @@
 import { Suspense } from "react";
 
-import { ChipFilter } from "@/app/_shared/ChipFilter";
-import { StoreList as StoreListComponent } from "@/app/(store)/stores/(list)/_components";
-import { Bleed } from "@/components/ui/Bleed";
-import { FoodCategories } from "@/components/ui/FoodCategory";
-import { Spacer } from "@/components/ui/Spacer";
-import { VStack } from "@/components/ui/Stack";
-import { useFoodCategory } from "@/hooks/useFoodCategory";
+import { StoreList as StoreListComponent } from "@/app/stores/(list)/_components";
+import { ChipFilter } from "@/shared/components/ChipFilter";
+import { Bleed } from "@/shared/components/ui/Bleed";
+import { FoodCategories } from "@/shared/components/ui/FoodCategory";
+import { Spacer } from "@/shared/components/ui/Spacer";
+import { VStack } from "@/shared/components/ui/Stack";
+import { useFoodCategory } from "@/shared/hooks/useFoodCategory";
 
 export const StoreList = () => {
   const { categories, handleSelectCategory, selectedCategory } =