diff --git a/frontend/components/Articles/Item.vue b/frontend/components/ArticlesList/Item.vue
similarity index 100%
rename from frontend/components/Articles/Item.vue
rename to frontend/components/ArticlesList/Item.vue
diff --git a/frontend/components/Articles/Navigation/Link.vue b/frontend/components/ArticlesList/Navigation/Link.vue
similarity index 100%
rename from frontend/components/Articles/Navigation/Link.vue
rename to frontend/components/ArticlesList/Navigation/Link.vue
diff --git a/frontend/components/Articles/Navigation/Select.vue b/frontend/components/ArticlesList/Navigation/Select.vue
similarity index 100%
rename from frontend/components/Articles/Navigation/Select.vue
rename to frontend/components/ArticlesList/Navigation/Select.vue
diff --git a/frontend/components/Articles/Navigation/index.vue b/frontend/components/ArticlesList/Navigation/index.vue
similarity index 62%
rename from frontend/components/Articles/Navigation/index.vue
rename to frontend/components/ArticlesList/Navigation/index.vue
index 629270a..a14b217 100644
--- a/frontend/components/Articles/Navigation/index.vue
+++ b/frontend/components/ArticlesList/Navigation/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex text-[1.17rem] pl-[1.67rem] bg-[var(--jjext-color-secondary-bg)] border-b-1">
-    <ArticlesNavigationLink />
-    <ArticlesNavigationSelect />
+    <ArticlesListNavigationLink />
+    <ArticlesListNavigationSelect />
   </div>
 </template>
diff --git a/frontend/components/Articles/Skeleton.vue b/frontend/components/ArticlesList/Skeleton.vue
similarity index 100%
rename from frontend/components/Articles/Skeleton.vue
rename to frontend/components/ArticlesList/Skeleton.vue
diff --git a/frontend/components/Articles/index.vue b/frontend/components/ArticlesList/index.vue
similarity index 89%
rename from frontend/components/Articles/index.vue
rename to frontend/components/ArticlesList/index.vue
index 1c92a4f..97cbab0 100644
--- a/frontend/components/Articles/index.vue
+++ b/frontend/components/ArticlesList/index.vue
@@ -36,10 +36,10 @@ onUnmounted(() => {
 
 <template>
   <div class="pb-5 box-border w-full">
-    <ArticlesNavigation />
+    <ArticlesListNavigation />
     <ul v-if="!isLoading">
-      <ArticlesItem :artlist-item="artlistData" />
+      <ArticlesListItem :artlist-item="artlistData" />
     </ul>
-    <ArticlesSkeleton v-else />
+    <ArticlesListSkeleton v-else />
   </div>
 </template>
diff --git a/frontend/components/Main/index.vue b/frontend/components/Main/index.vue
index 093b475..2216868 100644
--- a/frontend/components/Main/index.vue
+++ b/frontend/components/Main/index.vue
@@ -7,7 +7,7 @@
     <div class="mt-5.17rem ">
       <Types class="left-0" />
       <div class="timeline-container mt-0 relative 0.33rem">
-        <Articles class="mr-21.667rem border-r-2 w-full bg-white lg:w-700px" />
+        <ArticlesList class="mr-21.667rem border-r-2 w-full bg-white lg:w-700px" />
         <Aside class="absolute display-none top-0 right-0 lg:display-block" />
       </div>
     </div>
diff --git a/frontend/composables/useArtlistFn.ts b/frontend/composables/Articlelist/useArtlistFn.ts
similarity index 100%
rename from frontend/composables/useArtlistFn.ts
rename to frontend/composables/Articlelist/useArtlistFn.ts
diff --git a/frontend/composables/useScrollBottom.ts b/frontend/composables/Articlelist/useScrollBottom.ts
similarity index 100%
rename from frontend/composables/useScrollBottom.ts
rename to frontend/composables/Articlelist/useScrollBottom.ts