From 62e06b30f491a3baeb1e9577728805d36c7e3713 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Tue, 16 Sep 2025 15:10:33 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=ED=8F=B4=EB=8D=94=20=EA=B5=AC=EC=A1=B0=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     | 47 ++++++++++++++-----
 app/app.vue                                   |  8 ++--
 app/pages/[d1]/[d2]/[d3].vue                  |  2 +-
 app/pages/[d1]/[d2]/index.vue                 |  2 +-
 app/pages/[d1]/index.vue                      |  2 +-
 app/pages/index.vue                           |  2 +-
 app/pages/test-lang.vue                       |  2 +-
 .../{molecules => blocks}/HybridLink.vue      |  0
 .../LanguageSwitcher.vue                      |  0
 .../{molecules => blocks}/StoveGnb.vue        |  0
 .../{molecules => blocks}/VisualContent.vue   |  0
 .../{molecules => blocks}/loading/Full.vue    |  0
 .../{molecules => blocks}/loading/Local.vue   |  0
 .../modal/YouTube.vue}                        |  0
 .../{blocks/default => layouts}/Footer.vue    |  2 +-
 .../{blocks/default => layouts}/Header.vue    | 10 ++--
 .../components/{blocks => layouts}/Main.vue   |  0
 layers/components/widgets/Description.vue     |  2 +-
 layers/components/widgets/MainTitle.vue       |  2 +-
 layers/components/widgets/SubTitle.vue        |  2 +-
 layers/layouts/default.vue                    |  4 +-
 layers/registry/index.ts                      |  6 +--
 .../templates/GrVisual01/index.vue            |  2 +-
 .../templates/GrVisual02/index.vue            |  0
 .../templates/GrVisual03/index.vue            |  0
 25 files changed, 58 insertions(+), 37 deletions(-)
 rename layers/components/{molecules => blocks}/HybridLink.vue (100%)
 rename layers/components/{molecules => blocks}/LanguageSwitcher.vue (100%)
 rename layers/components/{molecules => blocks}/StoveGnb.vue (100%)
 rename layers/components/{molecules => blocks}/VisualContent.vue (100%)
 rename layers/components/{molecules => blocks}/loading/Full.vue (100%)
 rename layers/components/{molecules => blocks}/loading/Local.vue (100%)
 rename layers/components/{molecules/modal/YouTubeModal.vue => blocks/modal/YouTube.vue} (100%)
 rename layers/components/{blocks/default => layouts}/Footer.vue (99%)
 rename layers/components/{blocks/default => layouts}/Header.vue (95%)
 rename layers/components/{blocks => layouts}/Main.vue (100%)
 rename layers/{components => }/templates/GrVisual01/index.vue (95%)
 rename layers/{components => }/templates/GrVisual02/index.vue (100%)
 rename layers/{components => }/templates/GrVisual03/index.vue (100%)

diff --git a/README.md b/README.md
index 463f77b..5fd558b 100644
--- a/README.md
+++ b/README.md
@@ -21,34 +21,55 @@ repo/
 │   ├── assets/
 │   │   └── css/
 │   ├── components/
-│   │   ├── atoms/
-│   │   ├── layout/
-│   │   │   ├── default/
-│   │   │   └── StoveGnb.vue
-│   │   ├── molecules/
-│   │   └── templates/
+│   │   ├── atoms/              # 기본 UI 컴포넌트
+│   │   │   ├── Button.vue
+│   │   │   ├── LocaleLink.vue
+│   │   │   └── icons/
+│   │   │       ├── ArrowDown.vue
+│   │   │       ├── LinkOut.vue
+│   │   │       └── Star.vue
+│   │   ├── blocks/             # 복합 컴포넌트
+│   │   │   ├── HybridLink.vue
+│   │   │   ├── loading/
+│   │   │   ├── modal/
+│   │   │   ├── StoveGnb.vue
+│   │   │   └── VisualContent.vue
+│   │   ├── layouts/            # 레이아웃 컴포넌트
+│   │   │   ├── Footer.vue
+│   │   │   ├── Header.vue
+│   │   │   └── Main.vue
+│   │   └── widgets/            # 템플릿용 공통 위젯
+│   │       ├── Background.vue
+│   │       ├── MainTitle.vue
+│   │       ├── SubTitle.vue
 │   ├── composables/
 │   ├── layouts/
+│   │   ├── default.vue
+│   │   └── promotion.vue
 │   ├── middleware/
+│   │   ├── init.route.global.ts
 │   │   └── pageData.global.ts
 │   ├── nuxt.config.ts
 │   ├── plugins/
 │   ├── public/
-│   │   └── images/
 │   ├── registry/
 │   │   └── index.ts
 │   ├── server/
 │   │   ├── api/
-│   │   └── middleware/
+│   │   ├── middleware/
+│   │   └── routes/
 │   ├── stores/
 │   ├── templates/
-│   │   ├── GrVisual01/
-│   │   ├── GrVisual02/
-│   │   └── GrVisual03/
+│   │   ├── GrVisual01
+│   │   ├── GrVisual02
+│   │   └── GrVisual03
 │   ├── types/
-│   │   ├── api/
-│   │   └── utils/
+│   │   └── api/
+│   │       ├── gameData.ts
+│   │       └── pageData.ts
 │   └── utils/
+├── i18n/
+│   └── locales/
 ├── node_modules/
 ├── nuxt.config.ts
 ├── package.json
diff --git a/app/app.vue b/app/app.vue
index 390e010..4f6092e 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -3,15 +3,15 @@
     <h1 class="sr-only">dddd</h1>
     <NuxtPage />
 
-    <MoleculesLoadingFull />
-    <MoleculesLoadingLocal />
+    <LoadingFull />
+    <LoadingLocal />
   </NuxtLayout>
 </template>
 
 <script setup lang="ts">
 import { useNuxtApp } from 'nuxt/app'
-import MoleculesLoadingFull from '#layers/components/molecules/loading/Full.vue'
-import MoleculesLoadingLocal from '#layers/components/molecules/loading/Local.vue'
+import LoadingFull from '#layers/components/blocks/loading/Full.vue'
+import LoadingLocal from '#layers/components/blocks/loading/Local.vue'
 import { useGameDataStore } from '#layers/stores/useGameDataStore'
 import type { GameDataMetaTag, GameDataValue } from '#layers/types/api/gameData'
 
diff --git a/app/pages/[d1]/[d2]/[d3].vue b/app/pages/[d1]/[d2]/[d3].vue
index 3157815..960dbe2 100644
--- a/app/pages/[d1]/[d2]/[d3].vue
+++ b/app/pages/[d1]/[d2]/[d3].vue
@@ -33,7 +33,7 @@ watchEffect(() => {
 <template>
   <NuxtLayout :name="layout">
     <ClientOnly>
-      <BlocksMain :templates="pageData?.templates ?? []" />
+      <LayoutsMain :templates="pageData?.templates ?? []" />
     </ClientOnly>
   </NuxtLayout>
 </template>
diff --git a/app/pages/[d1]/[d2]/index.vue b/app/pages/[d1]/[d2]/index.vue
index 3157815..960dbe2 100644
--- a/app/pages/[d1]/[d2]/index.vue
+++ b/app/pages/[d1]/[d2]/index.vue
@@ -33,7 +33,7 @@ watchEffect(() => {
 <template>
   <NuxtLayout :name="layout">
     <ClientOnly>
-      <BlocksMain :templates="pageData?.templates ?? []" />
+      <LayoutsMain :templates="pageData?.templates ?? []" />
     </ClientOnly>
   </NuxtLayout>
 </template>
diff --git a/app/pages/[d1]/index.vue b/app/pages/[d1]/index.vue
index 3157815..960dbe2 100644
--- a/app/pages/[d1]/index.vue
+++ b/app/pages/[d1]/index.vue
@@ -33,7 +33,7 @@ watchEffect(() => {
 <template>
   <NuxtLayout :name="layout">
     <ClientOnly>
-      <BlocksMain :templates="pageData?.templates ?? []" />
+      <LayoutsMain :templates="pageData?.templates ?? []" />
     </ClientOnly>
   </NuxtLayout>
 </template>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 386166b..aeb277f 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -42,7 +42,7 @@ watchEffect(() => {
 <template>
   <NuxtLayout :name="layout">
     <ClientOnly>
-      <BlocksMain :templates="pageData?.templates ?? []" />
+      <LayoutsMain :templates="pageData?.templates ?? []" />
     </ClientOnly>
   </NuxtLayout>
 </template>
diff --git a/app/pages/test-lang.vue b/app/pages/test-lang.vue
index 3e63ab0..ed4f26e 100644
--- a/app/pages/test-lang.vue
+++ b/app/pages/test-lang.vue
@@ -114,7 +114,7 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
 import { useGameDataStore } from '#layers/stores/useGameDataStore'
-import LanguageSwitcher from '#layers/components/molecules/LanguageSwitcher.vue'
+import LanguageSwitcher from '#layers/components/blocks/LanguageSwitcher.vue'
 
 const { t, locale } = useI18n()
 const gameDataStore = useGameDataStore()
diff --git a/layers/components/molecules/HybridLink.vue b/layers/components/blocks/HybridLink.vue
similarity index 100%
rename from layers/components/molecules/HybridLink.vue
rename to layers/components/blocks/HybridLink.vue
diff --git a/layers/components/molecules/LanguageSwitcher.vue b/layers/components/blocks/LanguageSwitcher.vue
similarity index 100%
rename from layers/components/molecules/LanguageSwitcher.vue
rename to layers/components/blocks/LanguageSwitcher.vue
diff --git a/layers/components/molecules/StoveGnb.vue b/layers/components/blocks/StoveGnb.vue
similarity index 100%
rename from layers/components/molecules/StoveGnb.vue
rename to layers/components/blocks/StoveGnb.vue
diff --git a/layers/components/molecules/VisualContent.vue b/layers/components/blocks/VisualContent.vue
similarity index 100%
rename from layers/components/molecules/VisualContent.vue
rename to layers/components/blocks/VisualContent.vue
diff --git a/layers/components/molecules/loading/Full.vue b/layers/components/blocks/loading/Full.vue
similarity index 100%
rename from layers/components/molecules/loading/Full.vue
rename to layers/components/blocks/loading/Full.vue
diff --git a/layers/components/molecules/loading/Local.vue b/layers/components/blocks/loading/Local.vue
similarity index 100%
rename from layers/components/molecules/loading/Local.vue
rename to layers/components/blocks/loading/Local.vue
diff --git a/layers/components/molecules/modal/YouTubeModal.vue b/layers/components/blocks/modal/YouTube.vue
similarity index 100%
rename from layers/components/molecules/modal/YouTubeModal.vue
rename to layers/components/blocks/modal/YouTube.vue
diff --git a/layers/components/blocks/default/Footer.vue b/layers/components/layouts/Footer.vue
similarity index 99%
rename from layers/components/blocks/default/Footer.vue
rename to layers/components/layouts/Footer.vue
index b159a2d..d822bad 100644
--- a/layers/components/blocks/default/Footer.vue
+++ b/layers/components/layouts/Footer.vue
@@ -150,7 +150,7 @@
       <div
         class="language-area absolute bottom-7 right-10 text-white md:bottom-5.5 md:right-4"
       >
-        <MoleculesLanguageSwitcher />
+        <BlocksLanguageSwitcher />
 
         <!-- <SelectLanguage /> -->
         <!-- <AtomsLanguageSwitcher /> -->
diff --git a/layers/components/blocks/default/Header.vue b/layers/components/layouts/Header.vue
similarity index 95%
rename from layers/components/blocks/default/Header.vue
rename to layers/components/layouts/Header.vue
index b9af809..794cd1a 100644
--- a/layers/components/blocks/default/Header.vue
+++ b/layers/components/layouts/Header.vue
@@ -12,7 +12,7 @@ const gnbList = gameData?.gnb?.menus as GameDataGnb['menus']
   <header
     class="bg-theme-foreground text-theme-foreground-reversal relative z-50"
   >
-    <MoleculesStoveGnb />
+    <BlocksStoveGnb />
     <div
       data-name="header-game"
       class="px-[40px] h-16 flex items-center whitespace-nowrap"
@@ -37,7 +37,7 @@ const gnbList = gameData?.gnb?.menus as GameDataGnb['menus']
             class="relative group"
           >
             <!-- Link 컴포넌트 사용 -->
-            <MoleculesHybridLink
+            <BlocksHybridLink
               :to="gnbItem.url_path"
               :target="gnbItem.link_target"
               class="relative flex items-center h-[64px]"
@@ -47,7 +47,7 @@ const gnbList = gameData?.gnb?.menus as GameDataGnb['menus']
               <span
                 class="absolute bottom-0 left-0 w-full h-2 border-b-2 border-transparent transition-border-color group-hover:border-theme-foreground-reversal group-active:border-theme-foreground-reversal-10"
               />
-            </MoleculesHybridLink>
+            </BlocksHybridLink>
             <div
               v-if="gnbItem.children"
               class="absolute top-full left-[-28px] min-w-[190px] pt-[4px] pointer-events-none group-hover:pointer-events-auto"
@@ -57,7 +57,7 @@ const gnbList = gameData?.gnb?.menus as GameDataGnb['menus']
               >
                 <li v-for="child in gnbItem.children" :key="child.menu_name">
                   <!-- Link 컴포넌트 사용 -->
-                  <MoleculesHybridLink
+                  <BlocksHybridLink
                     :to="child.url_path"
                     :target="child.link_target"
                     class="flex items-center px-4 py-[9px] rounded-[12px] transition-background hover:bg-theme-foreground-reversal-40 active:bg-theme-foreground-reversal-70"
@@ -67,7 +67,7 @@ const gnbList = gameData?.gnb?.menus as GameDataGnb['menus']
                       v-if="child.link_target === '_blank'"
                       class="ml-1"
                     />
-                  </MoleculesHybridLink>
+                  </BlocksHybridLink>
                 </li>
               </ul>
             </div>
diff --git a/layers/components/blocks/Main.vue b/layers/components/layouts/Main.vue
similarity index 100%
rename from layers/components/blocks/Main.vue
rename to layers/components/layouts/Main.vue
diff --git a/layers/components/widgets/Description.vue b/layers/components/widgets/Description.vue
index 714b521..279c740 100644
--- a/layers/components/widgets/Description.vue
+++ b/layers/components/widgets/Description.vue
@@ -19,7 +19,7 @@ const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>
-  <MoleculesVisualContent
+  <BlocksVisualContent
     tag="p"
     :text="displayText"
     :image-src="imageSrc as any"
diff --git a/layers/components/widgets/MainTitle.vue b/layers/components/widgets/MainTitle.vue
index 81de48f..f30ab1d 100644
--- a/layers/components/widgets/MainTitle.vue
+++ b/layers/components/widgets/MainTitle.vue
@@ -19,7 +19,7 @@ const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>
-  <MoleculesVisualContent
+  <BlocksVisualContent
     tag="h2"
     :text="displayText"
     :image-src="imageSrc as any"
diff --git a/layers/components/widgets/SubTitle.vue b/layers/components/widgets/SubTitle.vue
index 590849f..341efb2 100644
--- a/layers/components/widgets/SubTitle.vue
+++ b/layers/components/widgets/SubTitle.vue
@@ -19,7 +19,7 @@ const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>
-  <MoleculesVisualContent
+  <BlocksVisualContent
     tag="h3"
     :text="displayText"
     :image-src="imageSrc as any"
diff --git a/layers/layouts/default.vue b/layers/layouts/default.vue
index 0b15b10..3db3861 100644
--- a/layers/layouts/default.vue
+++ b/layers/layouts/default.vue
@@ -2,8 +2,8 @@
 
 <template>
   <div>
-    <BlocksDefaultHeader />
+    <LayoutsHeader />
     <slot />
-    <BlocksDefaultFooter />
+    <LayoutsFooter />
   </div>
 </template>
diff --git a/layers/registry/index.ts b/layers/registry/index.ts
index dd60514..a604954 100644
--- a/layers/registry/index.ts
+++ b/layers/registry/index.ts
@@ -1,6 +1,6 @@
-import GrVisual01 from '#layers/components/templates/GrVisual01/index.vue'
-import GrVisual02 from '#layers/components/templates/GrVisual02/index.vue'
-import GrVisual03 from '#layers/components/templates/GrVisual03/index.vue'
+import GrVisual01 from '#layers/templates/GrVisual01/index.vue'
+import GrVisual02 from '#layers/templates/GrVisual02/index.vue'
+import GrVisual03 from '#layers/templates/GrVisual03/index.vue'
 // import GrGallery01 from "#layers/templates/GrGallery01/index.vue";
 // import GrGallery02 from "#layers/templates/GrGallery02/index.vue";
 // import GrGallery03 from "#layers/templates/GrGallery03/index.vue";
diff --git a/layers/components/templates/GrVisual01/index.vue b/layers/templates/GrVisual01/index.vue
similarity index 95%
rename from layers/components/templates/GrVisual01/index.vue
rename to layers/templates/GrVisual01/index.vue
index 4f8e5a0..c7e81a5 100644
--- a/layers/components/templates/GrVisual01/index.vue
+++ b/layers/templates/GrVisual01/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import YouTubeModal from '#layers/components/molecules/modal/YouTubeModal.vue'
+import YouTubeModal from '#layers/components/blocks/modal/YouTube.vue'
 
 interface Props {
   components: Record<string, any>
diff --git a/layers/components/templates/GrVisual02/index.vue b/layers/templates/GrVisual02/index.vue
similarity index 100%
rename from layers/components/templates/GrVisual02/index.vue
rename to layers/templates/GrVisual02/index.vue
diff --git a/layers/components/templates/GrVisual03/index.vue b/layers/templates/GrVisual03/index.vue
similarity index 100%
rename from layers/components/templates/GrVisual03/index.vue
rename to layers/templates/GrVisual03/index.vue