diff --git a/src/app/community/[id]/page.tsx b/src/app/community/[id]/page.tsx
index 0604213..1faaac6 100644
--- a/src/app/community/[id]/page.tsx
+++ b/src/app/community/[id]/page.tsx
@@ -4,7 +4,7 @@ import DetailContent from '@/domains/community/detail/DetailContent';
 import DetailHeader from '@/domains/community/detail/DetailHeader';
 import DetailTitle from '@/domains/community/detail/DetailTitle';
 import DetailTabDesktop from '@/domains/community/detail/tab/DetailTabDesktop';
-import StarBg from '@/domains/shared/starBg/StarBg';
+import StarBg from '@/domains/shared/components/star-bg/StarBg';
 
 function Page() {
   return (
diff --git a/src/app/community/page.tsx b/src/app/community/page.tsx
index f22bf8d..69132c3 100644
--- a/src/app/community/page.tsx
+++ b/src/app/community/page.tsx
@@ -3,7 +3,7 @@ import CommunityTab from '@/domains/community/main/CommunityTab';
 import PostCard from '@/domains/community/main/PostCard';
 import WriteBtn from '@/domains/community/main/WriteBtn';
 
-import PageHeader from '@/domains/shared/pageHeader/PageHeader';
+import PageHeader from '@/domains/shared/components/page-header/PageHeader';
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {
diff --git a/src/app/design-system/page.tsx b/src/app/design-system/page.tsx
index 048b3f6..f1b53c2 100644
--- a/src/app/design-system/page.tsx
+++ b/src/app/design-system/page.tsx
@@ -2,17 +2,17 @@
 
 import Button from '@/shared/components/button/Button';
 import TextButton from '@/shared/components/button/TextButton';
-import Input from '@/shared/components/InputBox/Input';
+import Input from '@/shared/components/Input-box/Input';
 import { useState } from 'react';
 import { customToast } from '@/shared/components/toast/CustomToastUtils';
-import ModalLayout from '@/shared/components/modalPop/ModalLayout';
-import SelectBox from '@/domains/shared/select-box/SelectBox';
+import ModalLayout from '@/shared/components/modal-pop/ModalLayout';
+import SelectBox from '@/domains/shared/components/select-box/SelectBox';
 
 import Spinner from '@/shared/components/spinner/Spinner';
 import LikeBtn from '@/domains/community/components/like/LikeBtn';
-import Share from '@/domains/shared/share/Share';
-import Keep from '@/domains/shared/keep/Keep';
-import ConfirmModal from '@/shared/components/modalPop/ConfirmModal';
+import Share from '@/domains/shared/components/share/Share';
+import Keep from '@/domains/shared/components/keep/Keep';
+import ConfirmModal from '@/shared/components/modal-pop/ConfirmModal';
 
 function Page() {
   const [isModalOpen, setModalOpen] = useState(false);
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index cef553c..a2ce1c0 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,7 +3,7 @@ import '@/shared/styles/global.css';
 import { Toaster } from 'react-hot-toast';
 import Header from '@/shared/components/header/Header';
 import FooterWrapper from '@/shared/components/footer/FooterWrapper';
-import ScrollTopBtnWrapper from '@/shared/components/scrollTop/ScrollTopBtnWrapper';
+import ScrollTopBtnWrapper from '@/shared/components/scroll-top/ScrollTopBtnWrapper';
 export const metadata: Metadata = {
   title: 'SSOUL',
   description: '칵테일을 좋아하는 사람들을 위한 서비스',
diff --git a/src/app/recipe/[id]/page.tsx b/src/app/recipe/[id]/page.tsx
index 8eec717..6c018da 100644
--- a/src/app/recipe/[id]/page.tsx
+++ b/src/app/recipe/[id]/page.tsx
@@ -1,5 +1,5 @@
 import DetailMain from '@/domains/recipe/details/DetailMain';
-import StarBg from '@/domains/shared/starBg/StarBg';
+import StarBg from '@/domains/shared/components/star-bg/StarBg';
 
 function page() {
   return (
diff --git a/src/app/recipe/page.tsx b/src/app/recipe/page.tsx
index e2383b7..bf6d255 100644
--- a/src/app/recipe/page.tsx
+++ b/src/app/recipe/page.tsx
@@ -1,10 +1,10 @@
 import { Metadata } from 'next';
-import SelectBox from '@/domains/shared/select-box/SelectBox';
-import Input from '@/shared/components/InputBox/Input';
+import SelectBox from '@/domains/shared/components/select-box/SelectBox';
+import Input from '@/shared/components/Input-box/Input';
 
 import Accordion from '../../domains/recipe/components/main/Accordion';
 import CocktailList from '@/domains/recipe/CocktailList';
-import PageHeader from '@/domains/shared/pageHeader/PageHeader';
+import PageHeader from '@/domains/shared/components/page-header/PageHeader';
 
 export const metadata: Metadata = {
   title: 'SSOUL | 칵테일레시피',
diff --git a/src/domains/community/CommunityFilter.tsx b/src/domains/community/CommunityFilter.tsx
index fa7b129..d99ed35 100644
--- a/src/domains/community/CommunityFilter.tsx
+++ b/src/domains/community/CommunityFilter.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import SelectBox from '../shared/select-box/SelectBox';
+import SelectBox from '../shared/components/select-box/SelectBox';
 
 function CommunityFilter() {
   return (
diff --git a/src/domains/community/CommunityHeader.tsx b/src/domains/community/CommunityHeader.tsx
index 9fcfbe3..f991d41 100644
--- a/src/domains/community/CommunityHeader.tsx
+++ b/src/domains/community/CommunityHeader.tsx
@@ -1,4 +1,4 @@
-import PageHeader from '../shared/pageHeader/PageHeader';
+import PageHeader from '../shared/components/page-header/PageHeader';
 
 function CommunityHeader() {
   return (
diff --git a/src/domains/community/PostCard.tsx b/src/domains/community/PostCard.tsx
index 2514a24..83d37df 100644
--- a/src/domains/community/PostCard.tsx
+++ b/src/domains/community/PostCard.tsx
@@ -2,7 +2,7 @@ import Image from 'next/image';
 import prePost from '@/shared/assets/images/prepost_img.webp';
 
 import PostInfo from './PostInfo';
-import Label from '../shared/label/Label';
+import Label from '../shared/components/label/Label';
 
 function PostCard({ label }: { label: string }) {
   return (
diff --git a/src/domains/community/detail/DetailHeader.tsx b/src/domains/community/detail/DetailHeader.tsx
index 9eb4300..5223431 100644
--- a/src/domains/community/detail/DetailHeader.tsx
+++ b/src/domains/community/detail/DetailHeader.tsx
@@ -1,4 +1,4 @@
-import Label from '@/domains/shared/label/Label';
+import Label from '@/domains/shared/components/label/Label';
 import EditDelete from './EditDelete';
 
 function DetailHeader() {
diff --git a/src/domains/community/detail/comment/DetailComment.tsx b/src/domains/community/detail/comment/DetailComment.tsx
index 1f747df..da35224 100644
--- a/src/domains/community/detail/comment/DetailComment.tsx
+++ b/src/domains/community/detail/comment/DetailComment.tsx
@@ -1,5 +1,5 @@
 import Button from '@/shared/components/button/Button';
-import Input from '@/shared/components/InputBox/Input';
+import Input from '@/shared/components/Input-box/Input';
 
 function DetailComment() {
   return (
diff --git a/src/domains/community/detail/tab/DetailTabDesktop.tsx b/src/domains/community/detail/tab/DetailTabDesktop.tsx
index d0ccdfa..a082840 100644
--- a/src/domains/community/detail/tab/DetailTabDesktop.tsx
+++ b/src/domains/community/detail/tab/DetailTabDesktop.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import Share from '@/domains/shared/share/Share';
+import Share from '@/domains/shared/components/share/Share';
 import CommentBtn from '../../components/comment/CommentBtn';
 import LikeBtn from '../../components/like/LikeBtn';
 
diff --git a/src/domains/community/detail/tab/DetailTabMobile.tsx b/src/domains/community/detail/tab/DetailTabMobile.tsx
index 042413d..8c96fcf 100644
--- a/src/domains/community/detail/tab/DetailTabMobile.tsx
+++ b/src/domains/community/detail/tab/DetailTabMobile.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import Share from '@/domains/shared/share/Share';
+import Share from '@/domains/shared/components/share/Share';
 import LikeBtn from '../../components/like/LikeBtn';
 
 function DetailTabMobile() {
diff --git a/src/domains/community/main/CommunityFilter.tsx b/src/domains/community/main/CommunityFilter.tsx
index 8c33c81..1fb9046 100644
--- a/src/domains/community/main/CommunityFilter.tsx
+++ b/src/domains/community/main/CommunityFilter.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import SelectBox from '../../shared/select-box/SelectBox';
+import SelectBox from '../../shared/components/select-box/SelectBox';
 
 function CommunityFilter() {
   return (
diff --git a/src/domains/community/main/CommunityHeader.tsx b/src/domains/community/main/CommunityHeader.tsx
index 9ef4ab6..8157368 100644
--- a/src/domains/community/main/CommunityHeader.tsx
+++ b/src/domains/community/main/CommunityHeader.tsx
@@ -1,4 +1,4 @@
-import PageHeader from '../../shared/pageHeader/PageHeader';
+import PageHeader from '../../shared/components/page-header/PageHeader';
 
 function CommunityHeader() {
   return (
diff --git a/src/domains/community/main/PostCard.tsx b/src/domains/community/main/PostCard.tsx
index c08cbc1..fa829fb 100644
--- a/src/domains/community/main/PostCard.tsx
+++ b/src/domains/community/main/PostCard.tsx
@@ -2,7 +2,7 @@ import Image from 'next/image';
 import prePost from '@/shared/assets/images/prepost_img.webp';
 
 import PostInfo from './PostInfo';
-import Label from '../../shared/label/Label';
+import Label from '../../shared/components/label/Label';
 
 function PostCard({ label }: { label: string }) {
   return (
diff --git a/src/domains/login/components/LogoutConfirm.tsx b/src/domains/login/components/LogoutConfirm.tsx
index b7f5f26..330f25b 100644
--- a/src/domains/login/components/LogoutConfirm.tsx
+++ b/src/domains/login/components/LogoutConfirm.tsx
@@ -1,4 +1,4 @@
-import ConfirmModal from '@/shared/components/modalPop/ConfirmModal';
+import ConfirmModal from '@/shared/components/modal-pop/ConfirmModal';
 
 interface Props {
   open: boolean;
diff --git a/src/domains/login/components/WelcomeModal.tsx b/src/domains/login/components/WelcomeModal.tsx
index f4cd3b1..ec8ed9b 100644
--- a/src/domains/login/components/WelcomeModal.tsx
+++ b/src/domains/login/components/WelcomeModal.tsx
@@ -3,7 +3,7 @@
 import Image from 'next/image';
 
 import Button from '@/shared/components/button/Button';
-import ModalLayout from '@/shared/components/modalPop/ModalLayout';
+import ModalLayout from '@/shared/components/modal-pop/ModalLayout';
 import Ssury from '@/shared/assets/ssury/ssury_jump.webp';
 import { useRouter } from 'next/navigation';
 
diff --git a/src/domains/recipe/CocktailCard.tsx b/src/domains/recipe/CocktailCard.tsx
index 02c7c5d..9587c7d 100644
--- a/src/domains/recipe/CocktailCard.tsx
+++ b/src/domains/recipe/CocktailCard.tsx
@@ -1,7 +1,7 @@
 import { StaticImageData } from 'next/image';
 import Image from 'next/image';
 import Img from '@/shared/assets/images/dummy/exampleCocktail.png';
-import Keep from '../shared/keep/Keep';
+import Keep from '../shared/components/keep/Keep';
 
 interface Props {
   src?: StaticImageData;
diff --git a/src/domains/recipe/components/main/Accordion.tsx b/src/domains/recipe/components/main/Accordion.tsx
index a1a71e2..7e64bfc 100644
--- a/src/domains/recipe/components/main/Accordion.tsx
+++ b/src/domains/recipe/components/main/Accordion.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import SelectBox from '@/domains/shared/select-box/SelectBox';
+import SelectBox from '@/domains/shared/components/select-box/SelectBox';
 
 const selectOption = [
   {
diff --git a/src/domains/recipe/details/DetailItem.tsx b/src/domains/recipe/details/DetailItem.tsx
index ab1b5fc..2ecbef0 100644
--- a/src/domains/recipe/details/DetailItem.tsx
+++ b/src/domains/recipe/details/DetailItem.tsx
@@ -1,7 +1,7 @@
 import Image from 'next/image';
 import Short from '@/shared/assets/icons/short_36.svg';
 import Example from '@/shared/assets/images/dummy/exampleCocktail.png';
-import Label from '@/domains/shared/label/Label';
+import Label from '@/domains/shared/components/label/Label';
 
 function DetailItem() {
   return (
diff --git a/src/domains/recipe/details/DetailsHeader.tsx b/src/domains/recipe/details/DetailsHeader.tsx
index b983174..4098abd 100644
--- a/src/domains/recipe/details/DetailsHeader.tsx
+++ b/src/domains/recipe/details/DetailsHeader.tsx
@@ -1,6 +1,6 @@
-import Share from '@/domains/shared/share/Share';
+import Share from '@/domains/shared/components/share/Share';
 import BackBtn from '../components/details/BackBtn';
-import Keep from '@/domains/shared/keep/Keep';
+import Keep from '@/domains/shared/components/keep/Keep';
 
 function DetailsHeader() {
   return (
diff --git a/src/domains/recommend/components/ChatCocktailCard.tsx b/src/domains/recommend/components/ChatCocktailCard.tsx
index 0af0862..9b5a21b 100644
--- a/src/domains/recommend/components/ChatCocktailCard.tsx
+++ b/src/domains/recommend/components/ChatCocktailCard.tsx
@@ -1,7 +1,7 @@
 import Image from 'next/image';
 import Dummy from '@/shared/assets/images/dummy/exampleCocktail.png';
 import Link from 'next/link';
-import Keep from '@/domains/shared/keep/Keep';
+import Keep from '@/domains/shared/components/keep/Keep';
 
 function ChatCocktailCard() {
   return (
diff --git a/src/domains/shared/keep/Keep.tsx b/src/domains/shared/components/keep/Keep.tsx
similarity index 100%
rename from src/domains/shared/keep/Keep.tsx
rename to src/domains/shared/components/keep/Keep.tsx
diff --git a/src/domains/shared/label/Label.tsx b/src/domains/shared/components/label/Label.tsx
similarity index 100%
rename from src/domains/shared/label/Label.tsx
rename to src/domains/shared/components/label/Label.tsx
diff --git a/src/domains/shared/pageHeader/PageHeader.tsx b/src/domains/shared/components/page-header/PageHeader.tsx
similarity index 94%
rename from src/domains/shared/pageHeader/PageHeader.tsx
rename to src/domains/shared/components/page-header/PageHeader.tsx
index 27a3825..ec80c19 100644
--- a/src/domains/shared/pageHeader/PageHeader.tsx
+++ b/src/domains/shared/components/page-header/PageHeader.tsx
@@ -1,4 +1,4 @@
-import StarBg from '../starBg/StarBg';
+import StarBg from '../star-bg/StarBg';
 
 interface Props {
   title: string;
diff --git a/src/domains/shared/select-box/SelectBox.tsx b/src/domains/shared/components/select-box/SelectBox.tsx
similarity index 100%
rename from src/domains/shared/select-box/SelectBox.tsx
rename to src/domains/shared/components/select-box/SelectBox.tsx
diff --git a/src/domains/shared/share/Share.tsx b/src/domains/shared/components/share/Share.tsx
similarity index 100%
rename from src/domains/shared/share/Share.tsx
rename to src/domains/shared/components/share/Share.tsx
diff --git a/src/domains/shared/starBg/StarBg.tsx b/src/domains/shared/components/star-bg/StarBg.tsx
similarity index 100%
rename from src/domains/shared/starBg/StarBg.tsx
rename to src/domains/shared/components/star-bg/StarBg.tsx
diff --git a/src/shared/components/InputBox/Input.tsx b/src/shared/components/Input-box/Input.tsx
similarity index 100%
rename from src/shared/components/InputBox/Input.tsx
rename to src/shared/components/Input-box/Input.tsx
diff --git a/src/shared/components/modalPop/ConfirmModal.tsx b/src/shared/components/modal-pop/ConfirmModal.tsx
similarity index 100%
rename from src/shared/components/modalPop/ConfirmModal.tsx
rename to src/shared/components/modal-pop/ConfirmModal.tsx
diff --git a/src/shared/components/modalPop/ModalLayout.tsx b/src/shared/components/modal-pop/ModalLayout.tsx
similarity index 100%
rename from src/shared/components/modalPop/ModalLayout.tsx
rename to src/shared/components/modal-pop/ModalLayout.tsx
diff --git a/src/shared/components/modalPop/Portal.tsx b/src/shared/components/modal-pop/Portal.tsx
similarity index 100%
rename from src/shared/components/modalPop/Portal.tsx
rename to src/shared/components/modal-pop/Portal.tsx
diff --git a/src/shared/components/scrollTop/ScrollTopBtn.tsx b/src/shared/components/scroll-top/ScrollTopBtn.tsx
similarity index 100%
rename from src/shared/components/scrollTop/ScrollTopBtn.tsx
rename to src/shared/components/scroll-top/ScrollTopBtn.tsx
diff --git a/src/shared/components/scrollTop/ScrollTopBtnWrapper.tsx b/src/shared/components/scroll-top/ScrollTopBtnWrapper.tsx
similarity index 100%
rename from src/shared/components/scrollTop/ScrollTopBtnWrapper.tsx
rename to src/shared/components/scroll-top/ScrollTopBtnWrapper.tsx