diff --git a/apps/jurumarble/.eslintrc.js b/apps/jurumarble/.eslintrc.js
index e38f2b55..aace1350 100644
--- a/apps/jurumarble/.eslintrc.js
+++ b/apps/jurumarble/.eslintrc.js
@@ -1,4 +1,4 @@
 module.exports = {
-  extends: ["mogakko/next"],
+  extends: ['mogakko/next'],
   root: true,
 };
diff --git a/apps/jurumarble/next.config.js b/apps/jurumarble/next.config.js
index 61b8537f..3240b503 100644
--- a/apps/jurumarble/next.config.js
+++ b/apps/jurumarble/next.config.js
@@ -1,6 +1,6 @@
-console.log("START");
-const withBundleAnalyzer = require("@next/bundle-analyzer")({
-  enabled: process.env.ANALYZE === "true",
+console.log('START');
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true',
 });
 
 /** @type {import('next').NextConfig} */
@@ -9,24 +9,24 @@ const nextConfig = {
   compiler: {
     styledComponents: true,
   },
-  transpilePackages: ["@monorepo/ui, @monorepo/hooks"],
+  transpilePackages: ['@monorepo/ui, @monorepo/hooks'],
   images: {
     unoptimized: true,
     domains: [
-      "shopping-phinf.pstatic.net",
-      "elasticbeanstalk-ap-northeast-2-319210348301.s3.ap-northeast-2.amazonaws.com",
-      "tong.visitkorea.or.kr",
-      "img.danawa.com",
-      "sulsulsul.com",
-      "shop-phinf.pstatic.net",
-      "modo-phinf.pstatic.net",
-      "cdn-pro-web-251-115.cdn-nhncommerce.com",
-      "lh3.googleusercontent.com",
-      "cdn-std-web-220-13.cdn-nhncommerce.com",
-      "cdn.imweb.me",
-      "www.xn--2q1bq25atga3iu9cz95a.com",
-      "www.seenews365.com",
-      "www.seongpo.co.kr",
+      'shopping-phinf.pstatic.net',
+      'elasticbeanstalk-ap-northeast-2-319210348301.s3.ap-northeast-2.amazonaws.com',
+      'tong.visitkorea.or.kr',
+      'img.danawa.com',
+      'sulsulsul.com',
+      'shop-phinf.pstatic.net',
+      'modo-phinf.pstatic.net',
+      'cdn-pro-web-251-115.cdn-nhncommerce.com',
+      'lh3.googleusercontent.com',
+      'cdn-std-web-220-13.cdn-nhncommerce.com',
+      'cdn.imweb.me',
+      'www.xn--2q1bq25atga3iu9cz95a.com',
+      'www.seenews365.com',
+      'www.seongpo.co.kr',
     ],
   },
 };
diff --git a/apps/jurumarble/package.json b/apps/jurumarble/package.json
index e3728ad3..04c64e9f 100644
--- a/apps/jurumarble/package.json
+++ b/apps/jurumarble/package.json
@@ -12,7 +12,9 @@
     "gen:icon": "yarn gen --out-dir ./src/assets/icons/components ./src/assets/icons",
     "icon:build": "yarn gen:icon",
     "eslint": "eslint -c .eslintrc.js .",
-    "eslint:fix": "yarn eslint --fix"
+    "eslint:fix": "yarn eslint --fix",
+    "prettier": "prettier --config ../../packages/prettier-config/index.json --ignore-path ../../.prettierignore --check './**/*.{js,ts,tsx,md}'",
+    "prettier:fix": "yarn prettier --write"
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.1",
diff --git a/apps/jurumarble/public/images/index.ts b/apps/jurumarble/public/images/index.ts
index 60942dcd..54780de5 100644
--- a/apps/jurumarble/public/images/index.ts
+++ b/apps/jurumarble/public/images/index.ts
@@ -1,11 +1,11 @@
-export { default as EmptyAImg } from "./AImg.png";
-export { default as ExImg1 } from "./exe1.png";
-export { default as ExImg2 } from "./exe2.png";
-export { default as DrinkImage } from "./DrinkImage.png";
-export { default as MainBannerImage } from "./MainBannerImage.png";
-export { default as Male } from "./male.png";
-export { default as Female } from "./female.png";
-export { default as DrinkCapacityLow } from "./DrinkCapacityLow.png";
-export { default as DrinkCapacityMedium } from "./DrinkCapacityMedium.png";
-export { default as DrinkCapacityHigh } from "./DrinkCapacityHigh.png";
-export { default as ImgScroll } from "./ImgScroll.png";
+export { default as EmptyAImg } from './AImg.png';
+export { default as ExImg1 } from './exe1.png';
+export { default as ExImg2 } from './exe2.png';
+export { default as DrinkImage } from './DrinkImage.png';
+export { default as MainBannerImage } from './MainBannerImage.png';
+export { default as Male } from './male.png';
+export { default as Female } from './female.png';
+export { default as DrinkCapacityLow } from './DrinkCapacityLow.png';
+export { default as DrinkCapacityMedium } from './DrinkCapacityMedium.png';
+export { default as DrinkCapacityHigh } from './DrinkCapacityHigh.png';
+export { default as ImgScroll } from './ImgScroll.png';
diff --git a/apps/jurumarble/src/app/drink-info/[id]/components/DrinkCommentContainer.tsx b/apps/jurumarble/src/app/drink-info/[id]/components/DrinkCommentContainer.tsx
index 45f50ed3..8d735df4 100644
--- a/apps/jurumarble/src/app/drink-info/[id]/components/DrinkCommentContainer.tsx
+++ b/apps/jurumarble/src/app/drink-info/[id]/components/DrinkCommentContainer.tsx
@@ -1,28 +1,34 @@
-import { useState } from "react";
+import { useState } from 'react';
 
-import { useQueryClient } from "@tanstack/react-query";
-import Comment from "app/vote/[id]/components/Comment";
-import CommentForm from "app/vote/[id]/components/CommentForm";
-import CommentToolBar from "app/vote/[id]/components/CommentToolbar";
-import useCommentServices from "app/vote/[id]/services/useCommentServices";
-import { queryKeys } from "lib/queryKeys";
-import { useParams } from "next/navigation";
-import styled from "styled-components";
+import { useQueryClient } from '@tanstack/react-query';
+import Comment from 'app/vote/[id]/components/Comment';
+import CommentForm from 'app/vote/[id]/components/CommentForm';
+import CommentToolBar from 'app/vote/[id]/components/CommentToolbar';
+import useCommentServices from 'app/vote/[id]/services/useCommentServices';
+import { queryKeys } from 'lib/queryKeys';
+import { useParams } from 'next/navigation';
+import styled from 'styled-components';
 
 function DrinkCommentContainer() {
   const params = useParams();
   const postId = params.id;
   const queryClient = useQueryClient();
-  const [sortBy, setSortBy] = useState<"ByTime" | "ByPopularity">("ByTime");
-  const onChangeFilter = (sort: "ByTime" | "ByPopularity") => {
+  const [sortBy, setSortBy] = useState<'ByTime' | 'ByPopularity'>('ByTime');
+  const onChangeFilter = (sort: 'ByTime' | 'ByPopularity') => {
     setSortBy(sort);
   };
 
   // const { commentFilter, onChangeCommentFilter } = useCommentFilter();
-  const { comments, isError, isLoading, mutateHate, mutateLike, mutateComment } =
-    useCommentServices(Number(postId), sortBy, "drinks");
+  const {
+    comments,
+    isError,
+    isLoading,
+    mutateHate,
+    mutateLike,
+    mutateComment,
+  } = useCommentServices(Number(postId), sortBy, 'drinks');
 
-  const [commentForm, setCommentForm] = useState("");
+  const [commentForm, setCommentForm] = useState('');
   const onChangeCommentForm = (e: React.ChangeEvent<HTMLInputElement>) => {
     setCommentForm(e.target.value);
   };
@@ -35,14 +41,18 @@ function DrinkCommentContainer() {
       {
         onSuccess: () => {
           queryClient.invalidateQueries([queryKeys.DETAIL_COMMENT_LIST]);
-          setCommentForm("");
+          setCommentForm('');
         },
       },
     );
   };
 
-  if (isError) {return <div>에러</div>;}
-  if (!comments) {return <div>데이터 없음</div>;}
+  if (isError) {
+    return <div>에러</div>;
+  }
+  if (!comments) {
+    return <div>데이터 없음</div>;
+  }
 
   const commentList = comments.pages.flatMap((page) => page.content);
 
diff --git a/apps/jurumarble/src/app/drink-info/[id]/components/DrinkInfoContainer.tsx b/apps/jurumarble/src/app/drink-info/[id]/components/DrinkInfoContainer.tsx
index f93b26c4..86d0eeb3 100644
--- a/apps/jurumarble/src/app/drink-info/[id]/components/DrinkInfoContainer.tsx
+++ b/apps/jurumarble/src/app/drink-info/[id]/components/DrinkInfoContainer.tsx
@@ -1,14 +1,18 @@
-import Chip from "components/Chip";
-import Loading from "components/Loading";
-import VoteHeader from "components/VoteHeader";
-import { Button } from "components/button";
-import Image from "next/image";
-import { useParams, useRouter } from "next/navigation";
-import useDrinkStampService from "services/useDrinkStampService";
-import { SvgHeaderSearch, SvgIcPrevious, SvgStamp } from "src/assets/icons/components";
-import styled, { css, useTheme } from "styled-components";
-
-import useDrinkLoadService from "../services/useDrinkLoadService";
+import Chip from 'components/Chip';
+import Loading from 'components/Loading';
+import VoteHeader from 'components/VoteHeader';
+import { Button } from 'components/button';
+import Image from 'next/image';
+import { useParams, useRouter } from 'next/navigation';
+import useDrinkStampService from 'services/useDrinkStampService';
+import {
+  SvgHeaderSearch,
+  SvgIcPrevious,
+  SvgStamp,
+} from 'src/assets/icons/components';
+import styled, { css, useTheme } from 'styled-components';
+
+import useDrinkLoadService from '../services/useDrinkLoadService';
 
 const DrinkInfoContainer = () => {
   const router = useRouter();
@@ -71,9 +75,9 @@ const DrinkInfoContainer = () => {
           width={370}
           height={320}
           style={{
-            width: "100%",
-            height: "100%",
-            objectFit: "cover",
+            width: '100%',
+            height: '100%',
+            objectFit: 'cover',
           }}
         />
       </ImageWrapper>
@@ -81,7 +85,9 @@ const DrinkInfoContainer = () => {
         <FlexBetweenRow>
           <FlexRow>
             <Chip variant="region">{manufactureAddress.slice(0, 2)}</Chip>
-            <Chip variant="numberOfParticipants">{enjoyCount}명이 즐겼어요</Chip>
+            <Chip variant="numberOfParticipants">
+              {enjoyCount}명이 즐겼어요
+            </Chip>
           </FlexRow>
           <SvgStamp
             onClick={() => postDrinkEnjoy(Number(id))}
diff --git a/apps/jurumarble/src/app/drink-info/[id]/page.tsx b/apps/jurumarble/src/app/drink-info/[id]/page.tsx
index 20ba3a3a..622cac59 100644
--- a/apps/jurumarble/src/app/drink-info/[id]/page.tsx
+++ b/apps/jurumarble/src/app/drink-info/[id]/page.tsx
@@ -1,9 +1,13 @@
-"use client";
+'use client';
 
-import dynamic from "next/dynamic";
+import dynamic from 'next/dynamic';
 
-const DynamicDrinkInfoContainer = dynamic(() => import("./components/DrinkInfoContainer"));
-const DynamicDrinkCommentContainer = dynamic(() => import("./components/DrinkCommentContainer"));
+const DynamicDrinkInfoContainer = dynamic(
+  () => import('./components/DrinkInfoContainer'),
+);
+const DynamicDrinkCommentContainer = dynamic(
+  () => import('./components/DrinkCommentContainer'),
+);
 
 function DrinkInfoPage() {
   return (
diff --git a/apps/jurumarble/src/app/drink-info/[id]/services/useDrinkLoadService.ts b/apps/jurumarble/src/app/drink-info/[id]/services/useDrinkLoadService.ts
index 3e9dc69b..225df315 100644
--- a/apps/jurumarble/src/app/drink-info/[id]/services/useDrinkLoadService.ts
+++ b/apps/jurumarble/src/app/drink-info/[id]/services/useDrinkLoadService.ts
@@ -1,6 +1,6 @@
-import { useQuery } from "@tanstack/react-query";
-import { getDrinkInfo } from "lib/apis/drink";
-import { reactQueryKeys } from "lib/queryKeys";
+import { useQuery } from '@tanstack/react-query';
+import { getDrinkInfo } from 'lib/apis/drink';
+import { reactQueryKeys } from 'lib/queryKeys';
 
 export default function useDrinkLoadService(id: number) {
   const { data, isLoading, isError } = useQuery(
diff --git a/apps/jurumarble/src/app/layout.tsx b/apps/jurumarble/src/app/layout.tsx
index 9a899d7e..6efc5d88 100644
--- a/apps/jurumarble/src/app/layout.tsx
+++ b/apps/jurumarble/src/app/layout.tsx
@@ -1,28 +1,32 @@
-import type { Metadata } from "next";
+import type { Metadata } from 'next';
 
-import AuthProcess from "components/AuthProcess";
-import { PageLayout } from "components/layouts";
-import ReactQueryProvider from "lib/ReactQueryProvider";
-import { pretandard } from "lib/localFont";
-import StyledComponents from "lib/styles/StyledComponents";
-import { ToastContainer } from "react-toastify";
-import "react-toastify/dist/ReactToastify.css";
-import { injectStyle } from "react-toastify/dist/inject-style";
-import "swiper/css";
-import "swiper/css/navigation";
-import "swiper/css/pagination";
-import "lib/styles/global.css";
+import AuthProcess from 'components/AuthProcess';
+import { PageLayout } from 'components/layouts';
+import ReactQueryProvider from 'lib/ReactQueryProvider';
+import { pretandard } from 'lib/localFont';
+import StyledComponents from 'lib/styles/StyledComponents';
+import { ToastContainer } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+import { injectStyle } from 'react-toastify/dist/inject-style';
+import 'swiper/css';
+import 'swiper/css/navigation';
+import 'swiper/css/pagination';
+import 'lib/styles/global.css';
 
 export const metadata: Metadata = {
-  title: "주루마블",
-  description: "주루마블",
+  title: '주루마블',
+  description: '주루마블',
 };
 
-if (typeof window !== "undefined") {
+if (typeof window !== 'undefined') {
   injectStyle();
 }
 
-export default function RootLayout({ children }: { children: React.ReactNode }) {
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
   return (
     <html lang="kr">
       <head />
@@ -33,7 +37,11 @@ export default function RootLayout({ children }: { children: React.ReactNode })
               <div id="portal" />
               <AuthProcess />
               {children}
-              <ToastContainer position="top-center" autoClose={2000} hideProgressBar />
+              <ToastContainer
+                position="top-center"
+                autoClose={2000}
+                hideProgressBar
+              />
             </PageLayout>
           </StyledComponents>
         </ReactQueryProvider>
diff --git a/apps/jurumarble/src/app/login/components/LoginPageHeader.tsx b/apps/jurumarble/src/app/login/components/LoginPageHeader.tsx
index 998fe4ac..14568364 100644
--- a/apps/jurumarble/src/app/login/components/LoginPageHeader.tsx
+++ b/apps/jurumarble/src/app/login/components/LoginPageHeader.tsx
@@ -1,8 +1,8 @@
-import VoteHeader from "components/VoteHeader";
-import { Button } from "components/button";
-import { useRouter } from "next/navigation";
-import { SvgIcPrevious } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+import VoteHeader from 'components/VoteHeader';
+import { Button } from 'components/button';
+import { useRouter } from 'next/navigation';
+import { SvgIcPrevious } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
 function LoginPageHeader() {
   const router = useRouter();
diff --git a/apps/jurumarble/src/app/login/components/LoginSection.tsx b/apps/jurumarble/src/app/login/components/LoginSection.tsx
index f78bf7fd..a948a013 100644
--- a/apps/jurumarble/src/app/login/components/LoginSection.tsx
+++ b/apps/jurumarble/src/app/login/components/LoginSection.tsx
@@ -3,11 +3,15 @@ import {
   KAKAO_LOGIN_REDIRECT_URL,
   NAVER_CLIENT_ID,
   NAVER_LOGIN_REDIRECT_URL,
-} from "lib/constants";
-import { transitions } from "lib/styles";
-import Link from "next/link";
-import { SvgIcThunder, SvgKakaoIcon, SvgNaverIcon } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+} from 'lib/constants';
+import { transitions } from 'lib/styles';
+import Link from 'next/link';
+import {
+  SvgIcThunder,
+  SvgKakaoIcon,
+  SvgNaverIcon,
+} from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
 const socialLoginLink = {
   KAKAO: `https://kauth.kakao.com/oauth/authorize?client_id=${KAKAO_CLIENT_ID}&redirect_uri=${KAKAO_LOGIN_REDIRECT_URL}&response_type=code`,
@@ -58,7 +62,7 @@ const BalloonText = styled.div`
     animation: ${transitions.delaypopInFromBottom} 1.2s ease-in-out;
 
     ::after {
-      content: "";
+      content: '';
       position: absolute;
       top: 100%;
       left: 47%;
diff --git a/apps/jurumarble/src/app/login/components/TermsOfUseSection.tsx b/apps/jurumarble/src/app/login/components/TermsOfUseSection.tsx
index 866205ad..9fe17427 100644
--- a/apps/jurumarble/src/app/login/components/TermsOfUseSection.tsx
+++ b/apps/jurumarble/src/app/login/components/TermsOfUseSection.tsx
@@ -1,5 +1,5 @@
-import { transitions } from "lib/styles";
-import styled, { css } from "styled-components";
+import { transitions } from 'lib/styles';
+import styled, { css } from 'styled-components';
 
 function TermsOfUseSection() {
   return (
@@ -9,7 +9,8 @@ function TermsOfUseSection() {
       <br />
       계속하면 당사의 <ClickText>서비스 약관</ClickText>에 동의하고,
       <br />
-      <ClickText>개인정보 보호정책</ClickText>을(를) 읽어 당사의 데이터 수집, 사용,
+      <ClickText>개인정보 보호정책</ClickText>을(를) 읽어 당사의 데이터 수집,
+      사용,
       <br />
       공유 방법을 확인했음을 인정하는 것입니다.
     </TermsOfUse>
diff --git a/apps/jurumarble/src/app/login/components/WelcomeSection.tsx b/apps/jurumarble/src/app/login/components/WelcomeSection.tsx
index 14221f62..a67fff11 100644
--- a/apps/jurumarble/src/app/login/components/WelcomeSection.tsx
+++ b/apps/jurumarble/src/app/login/components/WelcomeSection.tsx
@@ -1,8 +1,8 @@
-import { transitions } from "lib/styles";
-import Image from "next/image";
-import { DrinkImage } from "public/images";
-import { SvgLogo } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+import { transitions } from 'lib/styles';
+import Image from 'next/image';
+import { DrinkImage } from 'public/images';
+import { SvgLogo } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
 function WelcomeSection() {
   return (
diff --git a/apps/jurumarble/src/app/login/kakao-login-process/page.tsx b/apps/jurumarble/src/app/login/kakao-login-process/page.tsx
index 60d66d98..458a637e 100644
--- a/apps/jurumarble/src/app/login/kakao-login-process/page.tsx
+++ b/apps/jurumarble/src/app/login/kakao-login-process/page.tsx
@@ -1,18 +1,18 @@
-"use client";
+'use client';
 
-import { useEffect } from "react";
+import { useEffect } from 'react';
 
-import Path from "lib/Path";
-import { kakaoLoginAPI } from "lib/apis/auth";
-import { KAKAO_LOGIN_REDIRECT_URL } from "lib/constants";
-import userStorage from "lib/utils/userStorage";
-import { useRouter, useSearchParams } from "next/navigation";
+import Path from 'lib/Path';
+import { kakaoLoginAPI } from 'lib/apis/auth';
+import { KAKAO_LOGIN_REDIRECT_URL } from 'lib/constants';
+import userStorage from 'lib/utils/userStorage';
+import { useRouter, useSearchParams } from 'next/navigation';
 
 function KakaoLoginProcess() {
   const router = useRouter();
   const searchParams = useSearchParams();
 
-  const code = searchParams.get("code") ?? "";
+  const code = searchParams.get('code') ?? '';
 
   useEffect(() => {
     if (code) {
@@ -26,12 +26,12 @@ function KakaoLoginProcess() {
       const { accessToken, newUser } = await kakaoLoginAPI({
         code,
         redirectUrl: KAKAO_LOGIN_REDIRECT_URL,
-        providerType: "KAKAO",
+        providerType: 'KAKAO',
       });
       userStorage.set({ accessToken });
       newUser ? router.push(Path.REGISTER_PAGE) : router.push(Path.MAIN_PAGE);
     } catch (error) {
-      alert("에러가 발생하였습니다.");
+      alert('에러가 발생하였습니다.');
     }
   };
 
diff --git a/apps/jurumarble/src/app/login/naver-login-process/page.tsx b/apps/jurumarble/src/app/login/naver-login-process/page.tsx
index b5b72c0e..d9252477 100644
--- a/apps/jurumarble/src/app/login/naver-login-process/page.tsx
+++ b/apps/jurumarble/src/app/login/naver-login-process/page.tsx
@@ -1,17 +1,17 @@
-"use client";
+'use client';
 
-import { useEffect } from "react";
+import { useEffect } from 'react';
 
-import Path from "lib/Path";
-import { naverLoginAPI } from "lib/apis/auth";
-import userStorage from "lib/utils/userStorage";
-import { useRouter, useSearchParams } from "next/navigation";
+import Path from 'lib/Path';
+import { naverLoginAPI } from 'lib/apis/auth';
+import userStorage from 'lib/utils/userStorage';
+import { useRouter, useSearchParams } from 'next/navigation';
 
 function NaverLoginProcess() {
   const router = useRouter();
   const searchParams = useSearchParams();
 
-  const code = searchParams.get("code") ?? "";
+  const code = searchParams.get('code') ?? '';
 
   /**
    * @TODO 더 좋은 방법 없을까
@@ -26,11 +26,14 @@ function NaverLoginProcess() {
 
   const naverLogin = async () => {
     try {
-      const { accessToken, newUser } = await naverLoginAPI({ code, state: "test" });
+      const { accessToken, newUser } = await naverLoginAPI({
+        code,
+        state: 'test',
+      });
       userStorage.set({ accessToken });
       newUser ? router.push(Path.REGISTER_PAGE) : router.push(Path.MAIN_PAGE);
     } catch (error) {
-      alert("에러가 발생하였습니다.");
+      alert('에러가 발생하였습니다.');
     }
   };
   return <></>;
diff --git a/apps/jurumarble/src/app/login/page.tsx b/apps/jurumarble/src/app/login/page.tsx
index 29487e01..70f1a39c 100644
--- a/apps/jurumarble/src/app/login/page.tsx
+++ b/apps/jurumarble/src/app/login/page.tsx
@@ -1,10 +1,10 @@
-"use client";
+'use client';
 
-import styled from "styled-components";
+import styled from 'styled-components';
 
-import LoginPageHeader from "./components/LoginPageHeader";
-import LoginSection from "./components/LoginSection";
-import WelcomeSection from "./components/WelcomeSection";
+import LoginPageHeader from './components/LoginPageHeader';
+import LoginSection from './components/LoginSection';
+import WelcomeSection from './components/WelcomeSection';
 
 function LoginPage() {
   return (
diff --git a/apps/jurumarble/src/app/main/components/Banner.tsx b/apps/jurumarble/src/app/main/components/Banner.tsx
index 8be5f573..291d92de 100644
--- a/apps/jurumarble/src/app/main/components/Banner.tsx
+++ b/apps/jurumarble/src/app/main/components/Banner.tsx
@@ -1,13 +1,18 @@
-"use client";
+'use client';
 
-import Image from "next/image";
-import { MainBannerImage } from "public/images";
-import styled, { css } from "styled-components";
+import Image from 'next/image';
+import { MainBannerImage } from 'public/images';
+import styled, { css } from 'styled-components';
 
 function Banner() {
   return (
     <Container>
-      <Image alt="배너" src={MainBannerImage} fill style={{ borderRadius: "16px" }} />
+      <Image
+        alt="배너"
+        src={MainBannerImage}
+        fill
+        style={{ borderRadius: '16px' }}
+      />
       <BannerText>
         <MainText>여행의 즐거움을 우리술과 함께 레벨업!</MainText>
         <SubText>
diff --git a/apps/jurumarble/src/app/main/components/Carousel.tsx b/apps/jurumarble/src/app/main/components/Carousel.tsx
index f5db792b..411a8af1 100644
--- a/apps/jurumarble/src/app/main/components/Carousel.tsx
+++ b/apps/jurumarble/src/app/main/components/Carousel.tsx
@@ -1,14 +1,13 @@
-import { useRef } from "react";
-
-import { ContentSwiper } from "@monorepo/ui";
-import Path from "lib/Path";
-import { GetHotDrinkResponse } from "lib/apis/drink";
-import Image from "next/image";
-import { useRouter } from "next/navigation";
-import { SvgIcPrevious, SvgNext } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
-import SwiperCore, { Autoplay } from "swiper";
+import { useRef } from 'react';
 
+import { ContentSwiper } from '@monorepo/ui';
+import Path from 'lib/Path';
+import { GetHotDrinkResponse } from 'lib/apis/drink';
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+import { SvgIcPrevious, SvgNext } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
+import SwiperCore, { Autoplay } from 'swiper';
 
 interface Props {
   hotDrinkList: GetHotDrinkResponse[];
@@ -33,11 +32,11 @@ function Carousel({ hotDrinkList }: Props) {
           data={hotDrinkList}
           handler={ref}
           slideProps={{
-            width: "292px",
+            width: '292px',
             lazy: true,
           }}
           swiperProps={{
-            slidesPerView: "auto",
+            slidesPerView: 'auto',
             spaceBetween: 5,
             loop: true,
             autoplay: {
@@ -46,11 +45,19 @@ function Carousel({ hotDrinkList }: Props) {
             modules: [Autoplay],
           }}
           renderItem={({ drinkId, image, name, manufactureAddress }, index) => (
-            <Slide key={drinkId} onClick={() => router.push(`${Path.DRINK_INFO_PAGE}/${drinkId}`)}>
+            <Slide
+              key={drinkId}
+              onClick={() => router.push(`${Path.DRINK_INFO_PAGE}/${drinkId}`)}
+            >
               <Box>
                 <DrinkImageWrapper>
                   <RankginMark>{index + 1}</RankginMark>
-                  <Image alt="전통주" src={image} fill style={{ borderRadius: "10px" }} />
+                  <Image
+                    alt="전통주"
+                    src={image}
+                    fill
+                    style={{ borderRadius: '10px' }}
+                  />
                 </DrinkImageWrapper>
                 <DrinkText>
                   {name}
diff --git a/apps/jurumarble/src/app/main/components/HotDrinkContainer.tsx b/apps/jurumarble/src/app/main/components/HotDrinkContainer.tsx
index dca232d4..3acf4eeb 100644
--- a/apps/jurumarble/src/app/main/components/HotDrinkContainer.tsx
+++ b/apps/jurumarble/src/app/main/components/HotDrinkContainer.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
-import Carousel from "./Carousel";
-import useGetHotDrinkListService from "../services/useGetHotDrinkListService";
+import Carousel from './Carousel';
+import useGetHotDrinkListService from '../services/useGetHotDrinkListService';
 
 function HotDrinkContainer() {
   const { data: hotDrinkList } = useGetHotDrinkListService();
diff --git a/apps/jurumarble/src/app/main/components/HotDrinkVoteContainer.tsx b/apps/jurumarble/src/app/main/components/HotDrinkVoteContainer.tsx
index 52120dc1..3e401673 100644
--- a/apps/jurumarble/src/app/main/components/HotDrinkVoteContainer.tsx
+++ b/apps/jurumarble/src/app/main/components/HotDrinkVoteContainer.tsx
@@ -1,11 +1,11 @@
-"use client";
+'use client';
 
-import Path from "lib/Path";
-import Image from "next/image";
-import { useRouter } from "next/navigation";
-import styled, { css } from "styled-components";
+import Path from 'lib/Path';
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+import styled, { css } from 'styled-components';
 
-import { useGetHotDrinkVoteService } from "../services/useGetHotDrinkVoteService";
+import { useGetHotDrinkVoteService } from '../services/useGetHotDrinkVoteService';
 
 function HotDrinkVoteContainer() {
   const router = useRouter();
@@ -25,16 +25,28 @@ function HotDrinkVoteContainer() {
         <Main01Color> 투표</Main01Color>
       </H2>
       <H3>{nowTime}시, 지금 가장 인기있는 우리술 투표에요.</H3>
-      <PopularVoteCard onClick={() => router.push(`${Path.VOTE_DETAIL_PAGE}/${voteId}`)}>
+      <PopularVoteCard
+        onClick={() => router.push(`${Path.VOTE_DETAIL_PAGE}/${voteId}`)}
+      >
         <VoteImages>
           <DrinkImageBox color="orange">
             <DrinkImageWrapper>
-              <Image alt="A 이미지" src={drinkAImage} fill style={{ borderRadius: "80px" }} />
+              <Image
+                alt="A 이미지"
+                src={drinkAImage}
+                fill
+                style={{ borderRadius: '80px' }}
+              />
             </DrinkImageWrapper>
           </DrinkImageBox>
           <DrinkImageBox color="mint">
             <DrinkImageWrapper>
-              <Image alt="B 이미지" src={drinkBImage} fill style={{ borderRadius: "80px" }} />
+              <Image
+                alt="B 이미지"
+                src={drinkBImage}
+                fill
+                style={{ borderRadius: '80px' }}
+              />
             </DrinkImageWrapper>
           </DrinkImageBox>
         </VoteImages>
@@ -76,7 +88,8 @@ const PopularVoteCard = styled.div`
       overflow: auto;
       border: 1px solid ${theme.colors.bg_02};
       border-radius: 16px;
-      box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 10px 25px 0px rgba(0, 0, 0, 0.06);
+      box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.08),
+        0px 10px 25px 0px rgba(0, 0, 0, 0.06);
       cursor: pointer;
     `}
 `;
@@ -92,7 +105,9 @@ const VoteImages = styled.div`
 const DrinkImageBox = styled.div<{ color: string }>`
   ${({ theme, color }) =>
     css`
-      background-color: ${color === "orange" ? theme.colors.sub_01 : theme.colors.sub_02};
+      background-color: ${color === 'orange'
+        ? theme.colors.sub_01
+        : theme.colors.sub_02};
       display: flex;
       justify-content: center;
       align-items: center;
diff --git a/apps/jurumarble/src/app/main/components/SearchInputWrapper.tsx b/apps/jurumarble/src/app/main/components/SearchInputWrapper.tsx
index 398ee2e0..6e9d84b1 100644
--- a/apps/jurumarble/src/app/main/components/SearchInputWrapper.tsx
+++ b/apps/jurumarble/src/app/main/components/SearchInputWrapper.tsx
@@ -1,12 +1,12 @@
-"use client";
+'use client';
 
-import { useRef } from "react";
+import { useRef } from 'react';
 
-import SearchInput from "components/SearchInput";
-import useInput from "hooks/useInput";
-import Path from "lib/Path";
-import { useRouter } from "next/navigation";
-import styled from "styled-components";
+import SearchInput from 'components/SearchInput';
+import useInput from 'hooks/useInput';
+import Path from 'lib/Path';
+import { useRouter } from 'next/navigation';
+import styled from 'styled-components';
 
 const SearchInputWrapper = () => {
   const ref = useRef<HTMLInputElement>(null);
diff --git a/apps/jurumarble/src/app/main/components/TodayDrinkRecommendation.tsx b/apps/jurumarble/src/app/main/components/TodayDrinkRecommendation.tsx
index 6264d9b1..7eed61e1 100644
--- a/apps/jurumarble/src/app/main/components/TodayDrinkRecommendation.tsx
+++ b/apps/jurumarble/src/app/main/components/TodayDrinkRecommendation.tsx
@@ -1,11 +1,11 @@
-"use client";
+'use client';
 
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from 'react';
 
-import { SvgStamp } from "src/assets/icons/components";
-import styled, { css, useTheme } from "styled-components";
+import { SvgStamp } from 'src/assets/icons/components';
+import styled, { css, useTheme } from 'styled-components';
 
-import useGetDrinkRecommendationListService from "../services/useGetDrinkRecommendationListService";
+import useGetDrinkRecommendationListService from '../services/useGetDrinkRecommendationListService';
 
 const SLIDE_MOVE_COUNT = 1;
 const ORIGINAL_IMAGE_LENGTH = 10;
@@ -42,7 +42,9 @@ function TodayDrinkRecommendation() {
         setIsAnimation(true);
       }, 600);
     }
-    slideRef.current.style.transform = `translateY(-${MOVE_DISTANCE * (currentSlide - 1)}px)`;
+    slideRef.current.style.transform = `translateY(-${
+      MOVE_DISTANCE * (currentSlide - 1)
+    }px)`;
   }, [currentSlide]);
 
   useEffect(() => {
@@ -85,7 +87,8 @@ const Slider = styled.div<{ isAnimation: boolean }>`
   height: 18px;
   transition: transform 0.5s ease-in-out;
   gap: 2px;
-  ${({ isAnimation }) => isAnimation && `transform: translateY(-${MOVE_DISTANCE}px);`}
+  ${({ isAnimation }) =>
+    isAnimation && `transform: translateY(-${MOVE_DISTANCE}px);`}
 `;
 
 const H3 = styled.h3`
diff --git a/apps/jurumarble/src/app/main/containers/HydratedDrinkVoteContainer.tsx b/apps/jurumarble/src/app/main/containers/HydratedDrinkVoteContainer.tsx
index 15eefbc7..fdb5456d 100644
--- a/apps/jurumarble/src/app/main/containers/HydratedDrinkVoteContainer.tsx
+++ b/apps/jurumarble/src/app/main/containers/HydratedDrinkVoteContainer.tsx
@@ -1,10 +1,10 @@
-import { dehydrate } from "@tanstack/query-core";
-import { getHotDrinkVote } from "lib/apis/vote/getHotDrinkVote";
-import getQueryClient from "src/modules/getQueryClient";
-import HydrateOnClient from "src/modules/hydrateOnClient";
+import { dehydrate } from '@tanstack/query-core';
+import { getHotDrinkVote } from 'lib/apis/vote/getHotDrinkVote';
+import getQueryClient from 'src/modules/getQueryClient';
+import HydrateOnClient from 'src/modules/hydrateOnClient';
 
-import HotDrinkVoteContainer from "../components/HotDrinkVoteContainer";
-import { hotDrinkVoteQueryKey } from "../services/queryKey";
+import HotDrinkVoteContainer from '../components/HotDrinkVoteContainer';
+import { hotDrinkVoteQueryKey } from '../services/queryKey';
 
 export const HydratedDrinkVoteContainer = async () => {
   const qc = getQueryClient();
diff --git a/apps/jurumarble/src/app/main/containers/HydratedHotDrinkContainer.tsx b/apps/jurumarble/src/app/main/containers/HydratedHotDrinkContainer.tsx
index ef7360ae..7f094c4d 100644
--- a/apps/jurumarble/src/app/main/containers/HydratedHotDrinkContainer.tsx
+++ b/apps/jurumarble/src/app/main/containers/HydratedHotDrinkContainer.tsx
@@ -1,10 +1,10 @@
-import { dehydrate } from "@tanstack/query-core";
-import { getHotDrinkList } from "lib/apis/vote/getHotDrinkList";
-import getQueryClient from "src/modules/getQueryClient";
-import HydrateOnClient from "src/modules/hydrateOnClient";
+import { dehydrate } from '@tanstack/query-core';
+import { getHotDrinkList } from 'lib/apis/vote/getHotDrinkList';
+import getQueryClient from 'src/modules/getQueryClient';
+import HydrateOnClient from 'src/modules/hydrateOnClient';
 
-import HotDrinkContainer from "../components/HotDrinkContainer";
-import { hotDrinkListQueryKey } from "../services/queryKey";
+import HotDrinkContainer from '../components/HotDrinkContainer';
+import { hotDrinkListQueryKey } from '../services/queryKey';
 
 export const HydratedHotDrinkContainer = async () => {
   const qc = getQueryClient();
diff --git a/apps/jurumarble/src/app/main/services/queryKey.ts b/apps/jurumarble/src/app/main/services/queryKey.ts
index 24c5e757..ef8f4f6e 100644
--- a/apps/jurumarble/src/app/main/services/queryKey.ts
+++ b/apps/jurumarble/src/app/main/services/queryKey.ts
@@ -1,2 +1,2 @@
-export const hotDrinkVoteQueryKey = "hotDrinkVote";
-export const hotDrinkListQueryKey = "searchDrinkList";
+export const hotDrinkVoteQueryKey = 'hotDrinkVote';
+export const hotDrinkListQueryKey = 'searchDrinkList';
diff --git a/apps/jurumarble/src/app/main/services/useGetDrinkRecommendationListService.ts b/apps/jurumarble/src/app/main/services/useGetDrinkRecommendationListService.ts
index 3c962bf1..d65069c3 100644
--- a/apps/jurumarble/src/app/main/services/useGetDrinkRecommendationListService.ts
+++ b/apps/jurumarble/src/app/main/services/useGetDrinkRecommendationListService.ts
@@ -1,16 +1,15 @@
-import { useQuery } from "@tanstack/react-query";
-import { getDrinkRecommendationListAPI } from "lib/apis/drink";
-import { queryKeys } from "lib/queryKeys";
+import { useQuery } from '@tanstack/react-query';
+import { getDrinkRecommendationListAPI } from 'lib/apis/drink';
+import { queryKeys } from 'lib/queryKeys';
 
 type GetDrinkRecommendationListProps = Exclude<
   Parameters<typeof getDrinkRecommendationListAPI>[0],
   undefined
 >;
 
-const getDrinkRecommendationListQueryKey = (params: GetDrinkRecommendationListProps) => [
-  queryKeys.TODAY_DRINK_RECOMMENDATION,
-  { ...params },
-];
+const getDrinkRecommendationListQueryKey = (
+  params: GetDrinkRecommendationListProps,
+) => [queryKeys.TODAY_DRINK_RECOMMENDATION, { ...params }];
 
 export default function useGetDrinkRecommendationListService(
   params: GetDrinkRecommendationListProps,
diff --git a/apps/jurumarble/src/app/main/services/useGetHotDrinkListService.ts b/apps/jurumarble/src/app/main/services/useGetHotDrinkListService.ts
index 9a550444..b8fb9c62 100644
--- a/apps/jurumarble/src/app/main/services/useGetHotDrinkListService.ts
+++ b/apps/jurumarble/src/app/main/services/useGetHotDrinkListService.ts
@@ -1,7 +1,7 @@
-import { useQuery } from "@tanstack/react-query";
-import { getHotDrinkList } from "lib/apis/drink";
+import { useQuery } from '@tanstack/react-query';
+import { getHotDrinkList } from 'lib/apis/drink';
 
-import { hotDrinkListQueryKey } from "./queryKey";
+import { hotDrinkListQueryKey } from './queryKey';
 
 export default function useGetHotDrinkListService() {
   const { data } = useQuery([hotDrinkListQueryKey], getHotDrinkList);
diff --git a/apps/jurumarble/src/app/main/services/useGetHotDrinkVoteService.ts b/apps/jurumarble/src/app/main/services/useGetHotDrinkVoteService.ts
index 67ce934a..314f28a5 100644
--- a/apps/jurumarble/src/app/main/services/useGetHotDrinkVoteService.ts
+++ b/apps/jurumarble/src/app/main/services/useGetHotDrinkVoteService.ts
@@ -1,7 +1,7 @@
-import { useQuery } from "@tanstack/react-query";
-import { getHotDrinkVote } from "lib/apis/vote/getHotDrinkVote";
+import { useQuery } from '@tanstack/react-query';
+import { getHotDrinkVote } from 'lib/apis/vote/getHotDrinkVote';
 
-import { hotDrinkVoteQueryKey } from "./queryKey";
+import { hotDrinkVoteQueryKey } from './queryKey';
 
 export const useGetHotDrinkVoteService = () => {
   const { data: hotDrinkVote } = useQuery({
diff --git a/apps/jurumarble/src/app/map/components/MapContainer.tsx b/apps/jurumarble/src/app/map/components/MapContainer.tsx
index 3c22b95b..ebf9a67c 100644
--- a/apps/jurumarble/src/app/map/components/MapContainer.tsx
+++ b/apps/jurumarble/src/app/map/components/MapContainer.tsx
@@ -1,20 +1,20 @@
-"use client";
+'use client';
 
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from 'react';
 
-import { useToggle } from "@react-hookz/web";
-import DrinkItem from "app/stamp/components/DrinkItem";
-import Loading from "components/Loading";
-import { Button } from "components/button";
-import Image from "next/image";
-import { ExImg1 } from "public/images";
-import { Map, MapMarker } from "react-kakao-maps-sdk";
-import SvgIcMyLocationFloating from "src/assets/icons/ic_my_location_floating.svg";
-import styled from "styled-components";
+import { useToggle } from '@react-hookz/web';
+import DrinkItem from 'app/stamp/components/DrinkItem';
+import Loading from 'components/Loading';
+import { Button } from 'components/button';
+import Image from 'next/image';
+import { ExImg1 } from 'public/images';
+import { Map, MapMarker } from 'react-kakao-maps-sdk';
+import SvgIcMyLocationFloating from 'src/assets/icons/ic_my_location_floating.svg';
+import styled from 'styled-components';
 
-import RegionBottomSheet from "./RegionBottomsheet";
-import { useGeoLocation } from "../hooks/useGeoLocation";
-import useDrinksMapService from "../services/useDrinksMapService";
+import RegionBottomSheet from './RegionBottomsheet';
+import { useGeoLocation } from '../hooks/useGeoLocation';
+import useDrinksMapService from '../services/useDrinksMapService';
 
 const MapContainer = () => {
   const [delayRender, setDelayRender] = useState(true);
@@ -40,7 +40,7 @@ const MapContainer = () => {
     setTimeout(() => {
       toggleMap();
     }, 600);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const { drinksList } = useDrinksMapService({
@@ -126,11 +126,11 @@ const MapContainer = () => {
         </div>
       </TopBox>
 
-      <div style={{ position: "relative", height: "375px" }}>
+      <div style={{ position: 'relative', height: '375px' }}>
         <Map // 지도를 표시할 Container
           id="map"
           onLoadStart={() => {
-            window.dispatchEvent(new Event("resize"));
+            window.dispatchEvent(new Event('resize'));
           }}
           onLoad={() => {
             mapRef.current?.getNode();
@@ -139,8 +139,8 @@ const MapContainer = () => {
           isPanto={state.isPanto}
           style={{
             // 지도의 크기
-            width: "100%",
-            height: "375px",
+            width: '100%',
+            height: '375px',
           }}
           ref={mapRef}
           level={state.level} // 지도의 확대 레벨
@@ -154,7 +154,7 @@ const MapContainer = () => {
                 lng: location.longitude,
               }}
               image={{
-                src: "https://elasticbeanstalk-ap-northeast-2-319210348301.s3.ap-northeast-2.amazonaws.com/static/f0bc29bd-c5a8-46ad-9012-e5401f0a1636pin.svg",
+                src: 'https://elasticbeanstalk-ap-northeast-2-319210348301.s3.ap-northeast-2.amazonaws.com/static/f0bc29bd-c5a8-46ad-9012-e5401f0a1636pin.svg',
                 size: {
                   width: 29,
                   height: 42,
@@ -173,7 +173,12 @@ const MapContainer = () => {
             />
           ))}
           <MyLocationButton onClick={toggleOnLocation}>
-            <Image src={SvgIcMyLocationFloating} width={40} height={40} alt="내위치 켜기" />
+            <Image
+              src={SvgIcMyLocationFloating}
+              width={40}
+              height={40}
+              alt="내위치 켜기"
+            />
           </MyLocationButton>
         </Map>
       </div>
@@ -185,21 +190,26 @@ const MapContainer = () => {
         />
       </FilterBox> */}
       <DrinkBox>
-        {drinksList.map(({ drinkId, name, latitude, longitude, image, manufacturer }, index) => (
-          <DrinkItem
-            key={`${drinkId}-${index}`}
-            drinkInfo={{
-              id: drinkId,
-              name: name,
-              manufacturer: manufacturer,
-              image: image || (ExImg1 as unknown as string),
-            }}
-            onClickReplaceDrinkInfo={() => {
-              setChangeMapCenter(latitude, longitude);
-            }}
-            selectedDrinkList={[]}
-          />
-        ))}
+        {drinksList.map(
+          (
+            { drinkId, name, latitude, longitude, image, manufacturer },
+            index,
+          ) => (
+            <DrinkItem
+              key={`${drinkId}-${index}`}
+              drinkInfo={{
+                id: drinkId,
+                name: name,
+                manufacturer: manufacturer,
+                image: image || (ExImg1 as unknown as string),
+              }}
+              onClickReplaceDrinkInfo={() => {
+                setChangeMapCenter(latitude, longitude);
+              }}
+              selectedDrinkList={[]}
+            />
+          ),
+        )}
       </DrinkBox>
       <RegionBottomSheet
         setChangeMapCenter={setChangeMapCenter}
@@ -252,7 +262,8 @@ const MyLocationButton = styled.div`
   height: 40px;
   background-color: white;
   border-radius: 50%;
-  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4), 0px 8px 20px 0px rgba(235, 235, 235, 0.4);
+  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.4),
+    0px 8px 20px 0px rgba(235, 235, 235, 0.4);
 `;
 
 export default MapContainer;
diff --git a/apps/jurumarble/src/app/map/components/RegionBottomsheet.tsx b/apps/jurumarble/src/app/map/components/RegionBottomsheet.tsx
index 8e1cd376..f4b4dc3b 100644
--- a/apps/jurumarble/src/app/map/components/RegionBottomsheet.tsx
+++ b/apps/jurumarble/src/app/map/components/RegionBottomsheet.tsx
@@ -1,8 +1,8 @@
-import { Button, Portal } from "components/index";
-import { REGION_LIST } from "lib/constants";
-import { transitions } from "lib/styles";
-import { SvgIcPrev, SvgIcX } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+import { Button, Portal } from 'components/index';
+import { REGION_LIST } from 'lib/constants';
+import { transitions } from 'lib/styles';
+import { SvgIcPrev, SvgIcX } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
 interface Props {
   on: boolean;
@@ -10,7 +10,11 @@ interface Props {
   setChangeMapCenter: (lat: number, lng: number) => void;
 }
 
-const RegionBottomSheet = ({ on, onToggleDrinkSearchModal, setChangeMapCenter }: Props) => {
+const RegionBottomSheet = ({
+  on,
+  onToggleDrinkSearchModal,
+  setChangeMapCenter,
+}: Props) => {
   if (!on) {
     return null;
   }
@@ -25,12 +29,12 @@ const RegionBottomSheet = ({ on, onToggleDrinkSearchModal, setChangeMapCenter }:
           </Exit>
 
           <SelectBox>
-            지역을 선택해주세요{" "}
+            지역을 선택해주세요{' '}
             <SvgIcPrev
               style={{
-                transform: "rotate(-90deg)",
+                transform: 'rotate(-90deg)',
               }}
-            />{" "}
+            />{' '}
           </SelectBox>
           <List>
             {REGION_LIST.map(({ label, lat, long }) => (
diff --git a/apps/jurumarble/src/app/map/components/RegionSmallSelect.tsx b/apps/jurumarble/src/app/map/components/RegionSmallSelect.tsx
index b4495107..7c123b75 100644
--- a/apps/jurumarble/src/app/map/components/RegionSmallSelect.tsx
+++ b/apps/jurumarble/src/app/map/components/RegionSmallSelect.tsx
@@ -1,7 +1,7 @@
-import { useToggle } from "@monorepo/hooks";
-import { Select } from "components/selectBox";
-import SvgIcExpandMore from "src/assets/icons/components/IcExpandMore";
-import styled, { css } from "styled-components";
+import { useToggle } from '@monorepo/hooks';
+import { Select } from 'components/selectBox';
+import SvgIcExpandMore from 'src/assets/icons/components/IcExpandMore';
+import styled, { css } from 'styled-components';
 
 interface Props {
   defaultOption: string;
@@ -9,7 +9,11 @@ interface Props {
   options: { value: string; label: string }[];
 }
 
-function RegionSmallSelect({ defaultOption, onChangeSortOption, options }: Props) {
+function RegionSmallSelect({
+  defaultOption,
+  onChangeSortOption,
+  options,
+}: Props) {
   const [isOpen, onToggleOpen] = useToggle();
 
   return (
@@ -39,7 +43,7 @@ const SelectStyled = styled.span<{ isOpen: boolean }>`
       padding: 10px 12px;
     }
     svg {
-      ${isOpen && "transform: rotateX( 180deg )"}
+      ${isOpen && 'transform: rotateX( 180deg )'}
     }
     #select-list {
       width: 100px;
diff --git a/apps/jurumarble/src/app/map/hooks/useGeoLocation.ts b/apps/jurumarble/src/app/map/hooks/useGeoLocation.ts
index 47047477..a04ad1e7 100644
--- a/apps/jurumarble/src/app/map/hooks/useGeoLocation.ts
+++ b/apps/jurumarble/src/app/map/hooks/useGeoLocation.ts
@@ -1,6 +1,6 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState } from 'react';
 
-import { useToggle } from "@react-hookz/web";
+import { useToggle } from '@react-hookz/web';
 
 interface Location {
   latitude: number;
@@ -16,7 +16,7 @@ export const useGeoLocation = (options = {}) => {
     longitude: 0,
   });
   // 에러 메세지 저장
-  const [error, setError] = useState("");
+  const [error, setError] = useState('');
 
   // Geolocation의 `getCurrentPosition` 메소드에 대한 성공 callback 핸들러
   const handleSuccess = (pos: GeolocationPosition) => {
@@ -34,18 +34,20 @@ export const useGeoLocation = (options = {}) => {
   };
 
   useEffect(() => {
-    if (!onLocation) {return;}
+    if (!onLocation) {
+      return;
+    }
     const { geolocation } = navigator;
 
     // 사용된 브라우저에서 지리적 위치(Geolocation)가 정의되지 않은 경우 오류로 처리합니다.
     if (!geolocation) {
-      setError("Geolocation is not supported.");
+      setError('Geolocation is not supported.');
       return;
     }
 
     // Geolocation API 호출
     geolocation.getCurrentPosition(handleSuccess, handleError, options);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [options]);
 
   return { location, error, toggleOnLocation, onLocation };
diff --git a/apps/jurumarble/src/app/map/page.tsx b/apps/jurumarble/src/app/map/page.tsx
index 5738c275..c8bdbc62 100644
--- a/apps/jurumarble/src/app/map/page.tsx
+++ b/apps/jurumarble/src/app/map/page.tsx
@@ -1,10 +1,10 @@
-"use client";
+'use client';
 
-import BottomBar from "components/BottomBar";
-import Header from "components/Header";
-import { KAKAO_MAP_API_KEY } from "lib/constants";
-import dynamic from "next/dynamic";
-import Script from "next/script";
+import BottomBar from 'components/BottomBar';
+import Header from 'components/Header';
+import { KAKAO_MAP_API_KEY } from 'lib/constants';
+import dynamic from 'next/dynamic';
+import Script from 'next/script';
 
 declare global {
   interface Window {
@@ -13,7 +13,7 @@ declare global {
   }
 }
 
-const DynamicMapContainer = dynamic(() => import("./components/MapContainer"));
+const DynamicMapContainer = dynamic(() => import('./components/MapContainer'));
 
 const MapPage = () => {
   return (
diff --git a/apps/jurumarble/src/app/map/services/useDrinksMapService.ts b/apps/jurumarble/src/app/map/services/useDrinksMapService.ts
index 5b69ba14..d7ec2a83 100644
--- a/apps/jurumarble/src/app/map/services/useDrinksMapService.ts
+++ b/apps/jurumarble/src/app/map/services/useDrinksMapService.ts
@@ -1,7 +1,7 @@
-import { useInfiniteScroll } from "@monorepo/hooks";
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { getDrinksMap } from "lib/apis/drink";
-import { reactQueryKeys } from "lib/queryKeys";
+import { useInfiniteScroll } from '@monorepo/hooks';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getDrinksMap } from 'lib/apis/drink';
+import { reactQueryKeys } from 'lib/queryKeys';
 
 export default function useDrinksMapService(params: {
   startX: number;
@@ -17,7 +17,9 @@ export default function useDrinksMapService(params: {
     ({ pageParam }) => getDrinksMap({ ...params, page: pageParam?.page || 0 }),
     {
       getNextPageParam: ({ last, number }) => {
-        if (last) {return undefined;}
+        if (last) {
+          return undefined;
+        }
         return {
           page: number + 1,
         };
diff --git a/apps/jurumarble/src/app/my/components/ChipContainer.tsx b/apps/jurumarble/src/app/my/components/ChipContainer.tsx
index ac244b90..c542281d 100644
--- a/apps/jurumarble/src/app/my/components/ChipContainer.tsx
+++ b/apps/jurumarble/src/app/my/components/ChipContainer.tsx
@@ -1,8 +1,8 @@
-import { UseMutateFunction } from "@tanstack/react-query";
-import Chip from "components/Chip";
-import SvgIcBookmark from "src/assets/icons/components/IcBookmark";
-import SvgIcBookmarkActive from "src/assets/icons/components/IcBookmarkActive";
-import styled from "styled-components";
+import { UseMutateFunction } from '@tanstack/react-query';
+import Chip from 'components/Chip';
+import SvgIcBookmark from 'src/assets/icons/components/IcBookmark';
+import SvgIcBookmarkActive from 'src/assets/icons/components/IcBookmarkActive';
+import styled from 'styled-components';
 
 interface Props {
   title: string;
@@ -12,7 +12,13 @@ interface Props {
   isBookmark: boolean;
 }
 
-const ChipContainer = ({ date, title, region, mutateBookMark, isBookmark }: Props) => {
+const ChipContainer = ({
+  date,
+  title,
+  region,
+  mutateBookMark,
+  isBookmark,
+}: Props) => {
   return (
     <>
       <TagRow>
diff --git a/apps/jurumarble/src/app/my/components/UseInfoContainer.tsx b/apps/jurumarble/src/app/my/components/UseInfoContainer.tsx
index 777ab9d1..e3ebb9d6 100644
--- a/apps/jurumarble/src/app/my/components/UseInfoContainer.tsx
+++ b/apps/jurumarble/src/app/my/components/UseInfoContainer.tsx
@@ -1,16 +1,18 @@
-"use client";
+'use client';
 
-import Path from "lib/Path";
-import Image from "next/image";
-import Link from "next/link";
-import { DrinkImage } from "public/images";
-import useGetUserInfo from "services/useGetUserInfo";
-import styled, { css } from "styled-components";
+import Path from 'lib/Path';
+import Image from 'next/image';
+import Link from 'next/link';
+import { DrinkImage } from 'public/images';
+import useGetUserInfo from 'services/useGetUserInfo';
+import styled, { css } from 'styled-components';
 
 function UserInfoContainer() {
   const { userInfo } = useGetUserInfo();
 
-  if (!userInfo) {return <></>;}
+  if (!userInfo) {
+    return <></>;
+  }
 
   const { gender, nickname, yearOfBirth, mbti, imageUrl } = userInfo;
 
@@ -26,12 +28,12 @@ function UserInfoContainer() {
           src={imageUrl || DrinkImage}
           width={88}
           height={88}
-          style={{ borderRadius: "8px" }}
+          style={{ borderRadius: '8px' }}
         />
       </AddImageButtonWrapper>
       <Profile>
         <UserInfo>
-          {gender === "MALE" ? "남" : "여"}
+          {gender === 'MALE' ? '남' : '여'}
           <Divider />
           {ageRange}대
           <Divider />
diff --git a/apps/jurumarble/src/app/my/components/VoteCountContainer.tsx b/apps/jurumarble/src/app/my/components/VoteCountContainer.tsx
index 6fe6b968..46baebde 100644
--- a/apps/jurumarble/src/app/my/components/VoteCountContainer.tsx
+++ b/apps/jurumarble/src/app/my/components/VoteCountContainer.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import { TAB_LIST, TabList } from "src/types/my";
-import styled, { css } from "styled-components";
+import { TAB_LIST, TabList } from 'src/types/my';
+import styled, { css } from 'styled-components';
 
-import useGetTheNumberOfMyVoteService from "../services/useGetCountedVoteService";
+import useGetTheNumberOfMyVoteService from '../services/useGetCountedVoteService';
 
 interface Props {
   selectedTab: string;
@@ -12,11 +12,12 @@ interface Props {
 
 function VoteCountContainer({ selectedTab, onClickSelectedTab }: Props) {
   const theNumberOfMyVote = useGetTheNumberOfMyVoteService();
-  const { writtenVoteCnt, joinedVoteCnt, bookmarkedVoteCnt } = theNumberOfMyVote ?? {
-    writtenVoteCnt: 0,
-    joinedVoteCnt: 0,
-    bookmarkedVoteCnt: 0,
-  };
+  const { writtenVoteCnt, joinedVoteCnt, bookmarkedVoteCnt } =
+    theNumberOfMyVote ?? {
+      writtenVoteCnt: 0,
+      joinedVoteCnt: 0,
+      bookmarkedVoteCnt: 0,
+    };
 
   return (
     <Container>
@@ -28,11 +29,11 @@ function VoteCountContainer({ selectedTab, onClickSelectedTab }: Props) {
             isSelected={id === selectedTab}
           >
             <VoteCount>
-              {id === "created-vote"
+              {id === 'created-vote'
                 ? writtenVoteCnt
-                : id === "paticipated-vote"
+                : id === 'paticipated-vote'
                 ? joinedVoteCnt
-                : id === "bookmarked-vote"
+                : id === 'bookmarked-vote'
                 ? bookmarkedVoteCnt
                 : 0}
             </VoteCount>
diff --git a/apps/jurumarble/src/app/my/components/VoteDescription.tsx b/apps/jurumarble/src/app/my/components/VoteDescription.tsx
index 8c000f9e..181d183b 100644
--- a/apps/jurumarble/src/app/my/components/VoteDescription.tsx
+++ b/apps/jurumarble/src/app/my/components/VoteDescription.tsx
@@ -1,6 +1,6 @@
-import AorBMark from "components/AorBMark";
-import Image, { StaticImageData } from "next/image";
-import styled, { css } from "styled-components";
+import AorBMark from 'components/AorBMark';
+import Image, { StaticImageData } from 'next/image';
+import styled, { css } from 'styled-components';
 
 interface Props {
   imageA: string | StaticImageData;
@@ -18,8 +18,8 @@ function VoteDescription({ imageA, imageB }: Props) {
               alt="A이미지"
               fill
               style={{
-                objectFit: "cover",
-                borderRadius: "10px",
+                objectFit: 'cover',
+                borderRadius: '10px',
               }}
             />
           ) : (
@@ -34,8 +34,8 @@ function VoteDescription({ imageA, imageB }: Props) {
               alt="B이미지"
               fill
               style={{
-                objectFit: "cover",
-                borderRadius: "10px",
+                objectFit: 'cover',
+                borderRadius: '10px',
               }}
             />
           ) : (
diff --git a/apps/jurumarble/src/app/my/components/VoteItem.tsx b/apps/jurumarble/src/app/my/components/VoteItem.tsx
index 7360178b..d33c0074 100644
--- a/apps/jurumarble/src/app/my/components/VoteItem.tsx
+++ b/apps/jurumarble/src/app/my/components/VoteItem.tsx
@@ -1,13 +1,13 @@
-import Path from "lib/Path";
-import { useRouter } from "next/navigation";
-import useBookmarkService from "services/useBookmarkService";
-import { Content } from "src/types/vote";
-import styled, { css } from "styled-components";
+import Path from 'lib/Path';
+import { useRouter } from 'next/navigation';
+import useBookmarkService from 'services/useBookmarkService';
+import { Content } from 'src/types/vote';
+import styled, { css } from 'styled-components';
 
-import ChipContainer from "./ChipContainer";
-import VoteDescription from "./VoteDescription";
+import ChipContainer from './ChipContainer';
+import VoteDescription from './VoteDescription';
 
-type Props = Pick<Content, "voteId" | "region" | "title" | "imageA" | "imageB">;
+type Props = Pick<Content, 'voteId' | 'region' | 'title' | 'imageA' | 'imageB'>;
 
 function VoteItem({ voteId, region, title, imageA, imageB }: Props) {
   const { isBookmark, mutateBookMark } = useBookmarkService(voteId);
@@ -36,7 +36,8 @@ const Container = styled.button`
     background-color: ${theme.colors.white};
     border-radius: 16px;
     border: 1px solid ${({ theme }) => theme.colors.line_02};
-    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 10px 25px 0px rgba(0, 0, 0, 0.06);
+    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.08),
+      0px 10px 25px 0px rgba(0, 0, 0, 0.06);
     padding: 20px;
   `};
 `;
diff --git a/apps/jurumarble/src/app/my/components/VoteListContainer.tsx b/apps/jurumarble/src/app/my/components/VoteListContainer.tsx
index 32a89811..8c4ab593 100644
--- a/apps/jurumarble/src/app/my/components/VoteListContainer.tsx
+++ b/apps/jurumarble/src/app/my/components/VoteListContainer.tsx
@@ -1,24 +1,24 @@
-"use client";
+'use client';
 
-import { useCreateQueryString } from "hooks/useCreateQueryString";
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { TabList } from "src/types/my";
-import styled, { css } from "styled-components";
+import { useCreateQueryString } from 'hooks/useCreateQueryString';
+import { usePathname, useRouter, useSearchParams } from 'next/navigation';
+import { TabList } from 'src/types/my';
+import styled, { css } from 'styled-components';
 
-import VoteCountContainer from "./VoteCountContainer";
-import VoteItem from "./VoteItem";
-import useGetMyBookmarkedVoteListService from "../services/useGetMyBookmarkedVoteListService";
-import useGetMyCreatedVoteListService from "../services/useGetMyCreatedVoteListService";
-import useGetMyParticipatedVoteListService from "../services/useGetMyParticipatedVoteListService";
+import VoteCountContainer from './VoteCountContainer';
+import VoteItem from './VoteItem';
+import useGetMyBookmarkedVoteListService from '../services/useGetMyBookmarkedVoteListService';
+import useGetMyCreatedVoteListService from '../services/useGetMyCreatedVoteListService';
+import useGetMyParticipatedVoteListService from '../services/useGetMyParticipatedVoteListService';
 
 /**
  * @TODO 타입 수정 필요
  */
 
 const MY_VOTE_LIST_SERVICE = {
-  "created-vote": useGetMyCreatedVoteListService,
-  "bookmarked-vote": useGetMyBookmarkedVoteListService,
-  "paticipated-vote": useGetMyParticipatedVoteListService,
+  'created-vote': useGetMyCreatedVoteListService,
+  'bookmarked-vote': useGetMyBookmarkedVoteListService,
+  'paticipated-vote': useGetMyParticipatedVoteListService,
 };
 
 function VoteListContainer() {
@@ -28,9 +28,10 @@ function VoteListContainer() {
 
   const createQueryString = useCreateQueryString(searchParams);
 
-  const selectedTab = (searchParams.get("selectedTab") as TabList) ?? "created-vote";
+  const selectedTab =
+    (searchParams.get('selectedTab') as TabList) ?? 'created-vote';
   const onClickSelectedTab = (tab: TabList) => {
-    router.replace(`${pathname  }?${  createQueryString("selectedTab", tab)}`);
+    router.replace(`${pathname}?${createQueryString('selectedTab', tab)}`);
   };
 
   const { myVoteList, subscribe } = MY_VOTE_LIST_SERVICE[selectedTab]({
@@ -40,7 +41,10 @@ function VoteListContainer() {
 
   return (
     <>
-      <VoteCountContainer selectedTab={selectedTab} onClickSelectedTab={onClickSelectedTab} />
+      <VoteCountContainer
+        selectedTab={selectedTab}
+        onClickSelectedTab={onClickSelectedTab}
+      />
       <Container>
         <VoteList>
           {myVoteList.map(({ voteId, region, title, imageA, imageB }) => (
diff --git a/apps/jurumarble/src/app/my/edit/components/ImageUpload.tsx b/apps/jurumarble/src/app/my/edit/components/ImageUpload.tsx
index 4f2b1312..9cdde90b 100644
--- a/apps/jurumarble/src/app/my/edit/components/ImageUpload.tsx
+++ b/apps/jurumarble/src/app/my/edit/components/ImageUpload.tsx
@@ -1,6 +1,6 @@
-import Image from "next/image";
-import { SvgIcCamera } from "src/assets/icons/components";
-import styled, { css, useTheme } from "styled-components";
+import Image from 'next/image';
+import { SvgIcCamera } from 'src/assets/icons/components';
+import styled, { css, useTheme } from 'styled-components';
 
 interface Props {
   imageUrl: string;
@@ -18,7 +18,7 @@ function ImageUpload({ imageUrl, onUploadImage }: Props) {
           src={imageUrl}
           width={88}
           height={88}
-          style={{ borderRadius: "8px" }}
+          style={{ borderRadius: '8px' }}
         />
       ) : (
         <CaremaBox>
@@ -27,7 +27,12 @@ function ImageUpload({ imageUrl, onUploadImage }: Props) {
           </StyledCicle>
         </CaremaBox>
       )}
-      <ImageUploadInput multiple type="file" id="file" onChange={onUploadImage} />
+      <ImageUploadInput
+        multiple
+        type="file"
+        id="file"
+        onChange={onUploadImage}
+      />
     </Label>
   );
 }
diff --git a/apps/jurumarble/src/app/my/edit/components/SelectDrinkCapacity.tsx b/apps/jurumarble/src/app/my/edit/components/SelectDrinkCapacity.tsx
index f47e7fd2..d5d7645f 100644
--- a/apps/jurumarble/src/app/my/edit/components/SelectDrinkCapacity.tsx
+++ b/apps/jurumarble/src/app/my/edit/components/SelectDrinkCapacity.tsx
@@ -1,12 +1,10 @@
-import { useId } from "react";
-
-import { useOutsideClick, useToggle } from "@monorepo/hooks";
-import { ALCOHOL_LEVEL_LIST } from "lib/constants";
-import depths from "lib/styles/depths";
-import { SvgArrowDown } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
-
+import { useId } from 'react';
 
+import { useOutsideClick, useToggle } from '@monorepo/hooks';
+import { ALCOHOL_LEVEL_LIST } from 'lib/constants';
+import depths from 'lib/styles/depths';
+import { SvgArrowDown } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
 interface Props {
   alcoholLimit: string;
@@ -77,7 +75,7 @@ const SelectStyled = styled.div<{ isOpen: boolean }>`
       color: ${theme.colors.black_01};
     }
     svg {
-      ${isOpen && "transform: rotateX( 180deg )"}
+      ${isOpen && 'transform: rotateX( 180deg )'}
     }
   `}
 `;
@@ -99,7 +97,8 @@ const Ul = styled.ul`
   margin: 32px 0;
   background: ${({ theme }) => theme.colors.white};
   border: 1px solid ${({ theme }) => theme.colors.line_01};
-  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04), 2px 2px 20px 0px rgba(0, 0, 0, 0.06);
+  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04),
+    2px 2px 20px 0px rgba(0, 0, 0, 0.06);
   position: absolute;
   top: 22px;
   width: 100%;
diff --git a/apps/jurumarble/src/app/my/edit/components/SelectMBTI.tsx b/apps/jurumarble/src/app/my/edit/components/SelectMBTI.tsx
index 939d854e..13b9c973 100644
--- a/apps/jurumarble/src/app/my/edit/components/SelectMBTI.tsx
+++ b/apps/jurumarble/src/app/my/edit/components/SelectMBTI.tsx
@@ -1,9 +1,9 @@
-import { useId } from "react";
+import { useId } from 'react';
 
-import { useOutsideClick, useToggle } from "@monorepo/hooks";
-import { MBTI_LIST } from "lib/constants";
-import { SvgArrowDown } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+import { useOutsideClick, useToggle } from '@monorepo/hooks';
+import { MBTI_LIST } from 'lib/constants';
+import { SvgArrowDown } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
 interface Props {
   MBTI: string;
@@ -73,7 +73,7 @@ const SelectStyled = styled.div<{ isOpen: boolean }>`
       color: ${theme.colors.black_01};
     }
     svg {
-      ${isOpen && "transform: rotateX( 180deg )"}
+      ${isOpen && 'transform: rotateX( 180deg )'}
     }
   `}
 `;
@@ -95,7 +95,8 @@ const Ul = styled.ul`
   margin: 32px 0;
   background: ${({ theme }) => theme.colors.white};
   border: 1px solid ${({ theme }) => theme.colors.line_01};
-  box-shadow: 4px 8px 28px 0px rgba(0, 0, 0, 0.08), 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
+  box-shadow: 4px 8px 28px 0px rgba(0, 0, 0, 0.08),
+    0px 4px 12px 0px rgba(0, 0, 0, 0.16);
   position: absolute;
   bottom: 24px;
   width: 100%;
diff --git a/apps/jurumarble/src/app/my/edit/components/UserInfoEditContainer.tsx b/apps/jurumarble/src/app/my/edit/components/UserInfoEditContainer.tsx
index 13796152..e39c4fa2 100644
--- a/apps/jurumarble/src/app/my/edit/components/UserInfoEditContainer.tsx
+++ b/apps/jurumarble/src/app/my/edit/components/UserInfoEditContainer.tsx
@@ -1,18 +1,19 @@
-import { useToggle } from "@monorepo/hooks";
-import { Button } from "components/button";
-import { GENDER } from "lib/constants";
-import useGetUserInfo from "services/useGetUserInfo";
-import styled, { css } from "styled-components";
+import { useToggle } from '@monorepo/hooks';
+import { Button } from 'components/button';
+import { GENDER } from 'lib/constants';
+import useGetUserInfo from 'services/useGetUserInfo';
+import styled, { css } from 'styled-components';
 
-import ImageUpload from "./ImageUpload";
-import SelectDrinkCapacity from "./SelectDrinkCapacity";
-import SelectMBTI from "./SelectMBTI";
-import WithdrawalModal from "./WithdrawalModal";
-import useEditProfileService from "../services/useEditProfileService";
+import ImageUpload from './ImageUpload';
+import SelectDrinkCapacity from './SelectDrinkCapacity';
+import SelectMBTI from './SelectMBTI';
+import WithdrawalModal from './WithdrawalModal';
+import useEditProfileService from '../services/useEditProfileService';
 
 function UserInfoEditContainer() {
   const { userInfo } = useGetUserInfo();
-  const { gender, yearOfBirth, alcoholLimit, imageUrl, mbti, nickname } = userInfo!;
+  const { gender, yearOfBirth, alcoholLimit, imageUrl, mbti, nickname } =
+    userInfo!;
 
   const {
     onUploadImage,
@@ -38,7 +39,11 @@ function UserInfoEditContainer() {
       <GenderAndAge>
         <GenderAndAgeBox>
           <H3>성별</H3>
-          <Input placeholder={gender === GENDER.MALE ? "남성" : "여성"} width="100%" disabled />
+          <Input
+            placeholder={gender === GENDER.MALE ? '남성' : '여성'}
+            width="100%"
+            disabled
+          />
         </GenderAndAgeBox>
         <GenderAndAgeBox>
           <H3>출생년도</H3>
@@ -49,7 +54,11 @@ function UserInfoEditContainer() {
       <SelectMBTI MBTI={mbti} onChangeMBTI={onChangeMBTI} />
       <WarningMessage>MBTI 수정시 2개월간 바꿀 수 없습니다.</WarningMessage>
       <FlexEnd>
-        <WithdrawalButton variant="outline" borderRadius="4px" onClick={onToggleWithdrawalModal}>
+        <WithdrawalButton
+          variant="outline"
+          borderRadius="4px"
+          onClick={onToggleWithdrawalModal}
+        >
           회원탈퇴
         </WithdrawalButton>
       </FlexEnd>
diff --git a/apps/jurumarble/src/app/my/edit/components/WithdrawalModal.tsx b/apps/jurumarble/src/app/my/edit/components/WithdrawalModal.tsx
index 8960c516..be863ce7 100644
--- a/apps/jurumarble/src/app/my/edit/components/WithdrawalModal.tsx
+++ b/apps/jurumarble/src/app/my/edit/components/WithdrawalModal.tsx
@@ -1,8 +1,8 @@
-import { useToggle } from "@monorepo/hooks";
-import VoteHeader from "components/VoteHeader";
-import { Button, ModalTemplate } from "components/index";
-import { SvgIcX } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+import { useToggle } from '@monorepo/hooks';
+import VoteHeader from 'components/VoteHeader';
+import { Button, ModalTemplate } from 'components/index';
+import { SvgIcX } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
 interface Props {
   onToggleWithdrawalModal: () => void;
@@ -12,7 +12,11 @@ interface Props {
 function WithdrawalModal({ onToggleWithdrawalModal, deleteUser }: Props) {
   const [isChecked, onToggleIsChecked] = useToggle(true);
   return (
-    <ModalTemplate width="375px" height="100%" onToggleModal={onToggleWithdrawalModal}>
+    <ModalTemplate
+      width="375px"
+      height="100%"
+      onToggleModal={onToggleWithdrawalModal}
+    >
       <VoteHeader
         rightButton={
           <CloseButton onClick={onToggleWithdrawalModal}>
@@ -27,23 +31,25 @@ function WithdrawalModal({ onToggleWithdrawalModal, deleteUser }: Props) {
       </WarningMessage>
       <GuideSection>
         <div>
-          1. 회원 정보 및 서비스 이용기록은 즉시 삭제되며, 삭제된 데이터는 복구되지 않습니다.
+          1. 회원 정보 및 서비스 이용기록은 즉시 삭제되며, 삭제된 데이터는
+          복구되지 않습니다.
           <DetailMessage>• 필요한 데이터는 미리 백업을 해주세요.</DetailMessage>
         </div>
         <div>
-          2. 주루마블에 올린 게시글, 댓글, 북마크 등의 콘텐츠는 탈퇴 시 자동으로 삭제되지 않고
-          그대로 남아있습니다.
+          2. 주루마블에 올린 게시글, 댓글, 북마크 등의 콘텐츠는 탈퇴 시 자동으로
+          삭제되지 않고 그대로 남아있습니다.
           <DetailMessage>
             • 삭제를 원하는 콘텐츠가 있다면 반드시 탈퇴 전 삭제하시기 바랍니다.
           </DetailMessage>
           <DetailMessage>
-            • 탈퇴 후에는 본인 여부를 확인하기 어려워 콘텐츠를 임의로 삭제해드릴 수 없습니다.{" "}
+            • 탈퇴 후에는 본인 여부를 확인하기 어려워 콘텐츠를 임의로 삭제해드릴
+            수 없습니다.{' '}
           </DetailMessage>
         </div>
       </GuideSection>
       <CheckBoxWrapper>
-        <CheckBox type="checkbox" onChange={onToggleIsChecked} />위 내용을 모두 확인하였으며, 이에
-        동의합니다.*
+        <CheckBox type="checkbox" onChange={onToggleIsChecked} />위 내용을 모두
+        확인하였으며, 이에 동의합니다.*
       </CheckBoxWrapper>
       <WithdrawalButtonWrapper>
         <Button
@@ -122,7 +128,7 @@ const CheckBox = styled.input`
       /**
        * @TODO 더 좋은 방법 찾아보기
        */
-      background-image: url("/icCheck.svg");
+      background-image: url('/icCheck.svg');
     }
   `}
 `;
diff --git a/apps/jurumarble/src/app/my/edit/page.tsx b/apps/jurumarble/src/app/my/edit/page.tsx
index f37ee8d7..128bc61e 100644
--- a/apps/jurumarble/src/app/my/edit/page.tsx
+++ b/apps/jurumarble/src/app/my/edit/page.tsx
@@ -1,12 +1,12 @@
-"use client";
+'use client';
 
-import VoteHeader from "components/VoteHeader";
-import { Button } from "components/button";
-import { useRouter } from "next/navigation";
-import { SvgIcPrevious } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+import VoteHeader from 'components/VoteHeader';
+import { Button } from 'components/button';
+import { useRouter } from 'next/navigation';
+import { SvgIcPrevious } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
-import UserInfoEditContainer from "./components/UserInfoEditContainer";
+import UserInfoEditContainer from './components/UserInfoEditContainer';
 
 function ProfileEditPage() {
   const router = useRouter();
diff --git a/apps/jurumarble/src/app/my/edit/services/useEditProfileService.ts b/apps/jurumarble/src/app/my/edit/services/useEditProfileService.ts
index 89ba31a1..0c5e8600 100644
--- a/apps/jurumarble/src/app/my/edit/services/useEditProfileService.ts
+++ b/apps/jurumarble/src/app/my/edit/services/useEditProfileService.ts
@@ -1,14 +1,17 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import Path from "lib/Path";
-import { uploadImageAPI } from "lib/apis/common";
-import { deleteUserAPI, updateUserInfoAPI } from "lib/apis/my";
-import { queryKeys } from "lib/queryKeys";
-import { logout } from "lib/utils/auth";
-import { useRouter } from "next/navigation";
-import { toast } from "react-toastify";
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import Path from 'lib/Path';
+import { uploadImageAPI } from 'lib/apis/common';
+import { deleteUserAPI, updateUserInfoAPI } from 'lib/apis/my';
+import { queryKeys } from 'lib/queryKeys';
+import { logout } from 'lib/utils/auth';
+import { useRouter } from 'next/navigation';
+import { toast } from 'react-toastify';
 
-type UpdateUserInfoRequest = Exclude<Parameters<typeof updateUserInfoAPI>[0], undefined>;
+type UpdateUserInfoRequest = Exclude<
+  Parameters<typeof updateUserInfoAPI>[0],
+  undefined
+>;
 
 const getQueryKey = [queryKeys.USER_INFO];
 
@@ -20,14 +23,17 @@ export default function useEditProfileService() {
       return;
     }
     if (e.target.files[0].size > 10485760) {
-      alert("파일 용량이 10MB를 초과하였습니다.");
+      alert('파일 용량이 10MB를 초과하였습니다.');
       return;
     }
     const formData = new FormData();
-    formData.append("images", e.target.files[0]);
+    formData.append('images', e.target.files[0]);
     try {
       const data = await uploadImageAPI(formData);
-      queryClient.setQueryData(getQueryKey, (prev: any) => ({ ...prev, imageUrl: data.imageUrl }));
+      queryClient.setQueryData(getQueryKey, (prev: any) => ({
+        ...prev,
+        imageUrl: data.imageUrl,
+      }));
     } catch (error) {
       alert(`이미지 업로드에 실패했습니다.${error}`);
     }
@@ -35,15 +41,24 @@ export default function useEditProfileService() {
   };
 
   const onChangeNickname = (e: React.ChangeEvent<HTMLInputElement>) => {
-    queryClient.setQueryData(getQueryKey, (prev: any) => ({ ...prev, nickname: e.target.value }));
+    queryClient.setQueryData(getQueryKey, (prev: any) => ({
+      ...prev,
+      nickname: e.target.value,
+    }));
   };
 
   const onChangeAlcoholCapacity = (value: string) => {
-    queryClient.setQueryData(getQueryKey, (prev: any) => ({ ...prev, alcoholLimit: value }));
+    queryClient.setQueryData(getQueryKey, (prev: any) => ({
+      ...prev,
+      alcoholLimit: value,
+    }));
   };
 
   const onChangeMBTI = (value: string) => {
-    queryClient.setQueryData(getQueryKey, (prev: any) => ({ ...prev, mbti: value }));
+    queryClient.setQueryData(getQueryKey, (prev: any) => ({
+      ...prev,
+      mbti: value,
+    }));
   };
 
   const router = useRouter();
@@ -57,8 +72,8 @@ export default function useEditProfileService() {
 
   const { mutate: deleteUser } = useMutation(() => deleteUserAPI(), {
     onSuccess: () => {
-      toast("회원 탈퇴가 완료되었습니다.", {
-        toastId: "deleteUser",
+      toast('회원 탈퇴가 완료되었습니다.', {
+        toastId: 'deleteUser',
       });
       router.push(Path.MAIN_PAGE);
       logout();
diff --git a/apps/jurumarble/src/app/my/page.tsx b/apps/jurumarble/src/app/my/page.tsx
index afc54589..d8a2ae92 100644
--- a/apps/jurumarble/src/app/my/page.tsx
+++ b/apps/jurumarble/src/app/my/page.tsx
@@ -1,9 +1,13 @@
-import dynamic from "next/dynamic";
+import dynamic from 'next/dynamic';
 
-const DynamicHeader = dynamic(() => import("components/Header"));
-const DynamicUserInfoContainer = dynamic(() => import("./components/UseInfoContainer"));
-const DynamicVoteListContainer = dynamic(() => import("./components/VoteListContainer"));
-const DynamicBottomBar = dynamic(() => import("components/BottomBar"));
+const DynamicHeader = dynamic(() => import('components/Header'));
+const DynamicUserInfoContainer = dynamic(
+  () => import('./components/UseInfoContainer'),
+);
+const DynamicVoteListContainer = dynamic(
+  () => import('./components/VoteListContainer'),
+);
+const DynamicBottomBar = dynamic(() => import('components/BottomBar'));
 
 function MyPage() {
   return (
diff --git a/apps/jurumarble/src/app/my/services/useGetCountedVoteService.ts b/apps/jurumarble/src/app/my/services/useGetCountedVoteService.ts
index e7b595a6..1ada67c9 100644
--- a/apps/jurumarble/src/app/my/services/useGetCountedVoteService.ts
+++ b/apps/jurumarble/src/app/my/services/useGetCountedVoteService.ts
@@ -1,6 +1,6 @@
-import { useQuery } from "@tanstack/react-query";
-import { getTheNumberOfMyVoteAPI } from "lib/apis/my";
-import { queryKeys } from "lib/queryKeys";
+import { useQuery } from '@tanstack/react-query';
+import { getTheNumberOfMyVoteAPI } from 'lib/apis/my';
+import { queryKeys } from 'lib/queryKeys';
 
 const getTheNumberOfMyVoteQueryKey = () => [queryKeys.THE_NUMBER_OF_MY_VOTE];
 
diff --git a/apps/jurumarble/src/app/my/services/useGetMyBookmarkedVoteListService.ts b/apps/jurumarble/src/app/my/services/useGetMyBookmarkedVoteListService.ts
index 0b551ffc..525462b1 100644
--- a/apps/jurumarble/src/app/my/services/useGetMyBookmarkedVoteListService.ts
+++ b/apps/jurumarble/src/app/my/services/useGetMyBookmarkedVoteListService.ts
@@ -1,27 +1,29 @@
-import { useInfiniteScroll } from "@monorepo/hooks";
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { getMyBookmarkedVoteList } from "lib/apis/my";
-import { queryKeys } from "lib/queryKeys";
+import { useInfiniteScroll } from '@monorepo/hooks';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getMyBookmarkedVoteList } from 'lib/apis/my';
+import { queryKeys } from 'lib/queryKeys';
 
 type GetMyBookmarkedVoteListServiceProps = Exclude<
   Parameters<typeof getMyBookmarkedVoteList>[0],
   undefined
 >;
 
-const getMyBookmarkedVoteQueryKey = (params: GetMyBookmarkedVoteListServiceProps) => [
-  queryKeys.MY_BOOKMARKED_VOTE,
-  params,
-];
+const getMyBookmarkedVoteQueryKey = (
+  params: GetMyBookmarkedVoteListServiceProps,
+) => [queryKeys.MY_BOOKMARKED_VOTE, params];
 
 export default function useGetMyBookmarkedVoteListService(
   params: GetMyBookmarkedVoteListServiceProps,
 ) {
   const { data, fetchNextPage } = useInfiniteQuery(
     getMyBookmarkedVoteQueryKey(params),
-    ({ pageParam }) => getMyBookmarkedVoteList({ ...params, page: pageParam?.page || 0 }),
+    ({ pageParam }) =>
+      getMyBookmarkedVoteList({ ...params, page: pageParam?.page || 0 }),
     {
       getNextPageParam: ({ last, number }) => {
-        if (last) {return undefined;}
+        if (last) {
+          return undefined;
+        }
         return {
           page: number + 1,
         };
diff --git a/apps/jurumarble/src/app/my/services/useGetMyCreatedVoteListService.ts b/apps/jurumarble/src/app/my/services/useGetMyCreatedVoteListService.ts
index 6062e8b6..470714fa 100644
--- a/apps/jurumarble/src/app/my/services/useGetMyCreatedVoteListService.ts
+++ b/apps/jurumarble/src/app/my/services/useGetMyCreatedVoteListService.ts
@@ -1,25 +1,29 @@
-import { useInfiniteScroll } from "@monorepo/hooks";
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { getMyCreatedVoteList } from "lib/apis/my";
-import { queryKeys } from "lib/queryKeys";
+import { useInfiniteScroll } from '@monorepo/hooks';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getMyCreatedVoteList } from 'lib/apis/my';
+import { queryKeys } from 'lib/queryKeys';
 
 type GetMyCreatededVoteListServiceProps = Exclude<
   Parameters<typeof getMyCreatedVoteList>[0],
   undefined
 >;
 
-const getMyCreatedVoteQueryKey = (params: GetMyCreatededVoteListServiceProps) => [
-  queryKeys.MY_CREATED_VOTE,
-  params,
-];
+const getMyCreatedVoteQueryKey = (
+  params: GetMyCreatededVoteListServiceProps,
+) => [queryKeys.MY_CREATED_VOTE, params];
 
-export default function useGetMyCreatedVoteListService(params: GetMyCreatededVoteListServiceProps) {
+export default function useGetMyCreatedVoteListService(
+  params: GetMyCreatededVoteListServiceProps,
+) {
   const { data, fetchNextPage } = useInfiniteQuery(
     getMyCreatedVoteQueryKey(params),
-    ({ pageParam }) => getMyCreatedVoteList({ ...params, page: pageParam?.page || 0 }),
+    ({ pageParam }) =>
+      getMyCreatedVoteList({ ...params, page: pageParam?.page || 0 }),
     {
       getNextPageParam: ({ last, number }) => {
-        if (last) {return undefined;}
+        if (last) {
+          return undefined;
+        }
         return {
           page: number + 1,
         };
diff --git a/apps/jurumarble/src/app/my/services/useGetMyParticipatedVoteListService.ts b/apps/jurumarble/src/app/my/services/useGetMyParticipatedVoteListService.ts
index 531e829e..559fefac 100644
--- a/apps/jurumarble/src/app/my/services/useGetMyParticipatedVoteListService.ts
+++ b/apps/jurumarble/src/app/my/services/useGetMyParticipatedVoteListService.ts
@@ -1,27 +1,29 @@
-import { useInfiniteScroll } from "@monorepo/hooks";
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { getMyParticipatedVoteList } from "lib/apis/my";
-import { queryKeys } from "lib/queryKeys";
+import { useInfiniteScroll } from '@monorepo/hooks';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getMyParticipatedVoteList } from 'lib/apis/my';
+import { queryKeys } from 'lib/queryKeys';
 
 type GetMyParticipatedVoteListServiceProps = Exclude<
   Parameters<typeof getMyParticipatedVoteList>[0],
   undefined
 >;
 
-const getMyParticipateVotedQueryKey = (params: GetMyParticipatedVoteListServiceProps) => [
-  queryKeys.MY_PARTICIPATED_VOTE,
-  params,
-];
+const getMyParticipateVotedQueryKey = (
+  params: GetMyParticipatedVoteListServiceProps,
+) => [queryKeys.MY_PARTICIPATED_VOTE, params];
 
 export default function useGetMyParticipatedVoteListService(
   params: GetMyParticipatedVoteListServiceProps,
 ) {
   const { data, fetchNextPage } = useInfiniteQuery(
     getMyParticipateVotedQueryKey(params),
-    ({ pageParam }) => getMyParticipatedVoteList({ ...params, page: pageParam?.page || 0 }),
+    ({ pageParam }) =>
+      getMyParticipatedVoteList({ ...params, page: pageParam?.page || 0 }),
     {
       getNextPageParam: ({ last, number }) => {
-        if (last) {return undefined;}
+        if (last) {
+          return undefined;
+        }
         return {
           page: number + 1,
         };
diff --git a/apps/jurumarble/src/app/notification/page.tsx b/apps/jurumarble/src/app/notification/page.tsx
index ad08f4c7..df2ff3ca 100644
--- a/apps/jurumarble/src/app/notification/page.tsx
+++ b/apps/jurumarble/src/app/notification/page.tsx
@@ -1,25 +1,29 @@
-"use client";
+'use client';
 
-import VoteHeader from "components/VoteHeader";
-import { Button } from "components/button";
-import { NotificationType } from "lib/apis/notification";
-import Image from "next/image";
-import { useRouter } from "next/navigation";
-import { DrinkImage } from "public/images";
-import { SvgIcPrevious, SvgNotificationCheck } from "src/assets/icons/components";
-import styled, { css, useTheme } from "styled-components";
+import VoteHeader from 'components/VoteHeader';
+import { Button } from 'components/button';
+import { NotificationType } from 'lib/apis/notification';
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+import { DrinkImage } from 'public/images';
+import {
+  SvgIcPrevious,
+  SvgNotificationCheck,
+} from 'src/assets/icons/components';
+import styled, { css, useTheme } from 'styled-components';
 
-import useNotificationService from "./services/useNotificationService";
+import useNotificationService from './services/useNotificationService';
 
 const NOTIFICATION_TYPE: Record<NotificationType, string> = {
-  VOTE: "투표에 10명 이상이 참여했어요.",
-  COMMENT: "투표에 댓글이 달렸어요.",
-  ADMIN_NOTIFY: "관리자 알림",
+  VOTE: '투표에 10명 이상이 참여했어요.',
+  COMMENT: '투표에 댓글이 달렸어요.',
+  ADMIN_NOTIFY: '관리자 알림',
 };
 
 function NotificationPage() {
   const router = useRouter();
-  const { notificationList, isLoading, readNotification } = useNotificationService();
+  const { notificationList, isLoading, readNotification } =
+    useNotificationService();
   const { colors } = useTheme();
 
   return (
@@ -40,13 +44,17 @@ function NotificationPage() {
         <></>
       ) : !notificationList ? (
         <EmptyNotification>
-          <Image alt="" src={DrinkImage} style={{ borderRadius: "100px" }} />
+          <Image alt="" src={DrinkImage} style={{ borderRadius: '100px' }} />
           받은 알림이 없어요.
         </EmptyNotification>
       ) : (
         <NotificationList>
           {notificationList.map(({ content, createdAt, id, type, isRead }) => (
-            <NotificationItem key={id} isRead={isRead} onClick={() => readNotification(id)}>
+            <NotificationItem
+              key={id}
+              isRead={isRead}
+              onClick={() => readNotification(id)}
+            >
               <SvgNotificationCheck
                 width={32}
                 height={32}
diff --git a/apps/jurumarble/src/app/notification/services/useNotificationService.ts b/apps/jurumarble/src/app/notification/services/useNotificationService.ts
index 8e7bc65d..fd952bac 100644
--- a/apps/jurumarble/src/app/notification/services/useNotificationService.ts
+++ b/apps/jurumarble/src/app/notification/services/useNotificationService.ts
@@ -1,35 +1,49 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { getNotificationListAPI, readNotificationAPI } from "lib/apis/notification";
-import { queryKeys } from "lib/queryKeys";
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import {
+  getNotificationListAPI,
+  readNotificationAPI,
+} from 'lib/apis/notification';
+import { queryKeys } from 'lib/queryKeys';
 
-type ReadNotificationProps = Exclude<Parameters<typeof readNotificationAPI>[0], undefined>;
+type ReadNotificationProps = Exclude<
+  Parameters<typeof readNotificationAPI>[0],
+  undefined
+>;
 
 const getQueryKey = [queryKeys.NOTIFICATION_LIST];
 
 export default function useNotificationService() {
-  const { data: notificationList, isLoading } = useQuery(getQueryKey, getNotificationListAPI, {
-    select: (data) =>
-      data.map((notification) => {
-        const createdAtDate = new Date(notification.createdAt);
-        return {
-          ...notification,
-          createdAt: `${createdAtDate.getFullYear() - 2000}. ${
-            createdAtDate.getMonth() + 1
-          }. ${createdAtDate.getDate()}`,
-        };
-      }),
-  });
+  const { data: notificationList, isLoading } = useQuery(
+    getQueryKey,
+    getNotificationListAPI,
+    {
+      select: (data) =>
+        data.map((notification) => {
+          const createdAtDate = new Date(notification.createdAt);
+          return {
+            ...notification,
+            createdAt: `${createdAtDate.getFullYear() - 2000}. ${
+              createdAtDate.getMonth() + 1
+            }. ${createdAtDate.getDate()}`,
+          };
+        }),
+    },
+  );
 
   const queryClient = useQueryClient();
 
   const { mutate: readNotification } = useMutation(
-    (notificationId: ReadNotificationProps) => readNotificationAPI(notificationId),
+    (notificationId: ReadNotificationProps) =>
+      readNotificationAPI(notificationId),
     {
       async onMutate(notificationId) {
         await queryClient.cancelQueries(getQueryKey);
         const previousData = queryClient.getQueryData(getQueryKey);
-        queryClient.setQueryData(getQueryKey, (old: any) => [old, notificationId]);
+        queryClient.setQueryData(getQueryKey, (old: any) => [
+          old,
+          notificationId,
+        ]);
         return { previousData };
       },
       onError(err, notificationId, context) {
diff --git a/apps/jurumarble/src/app/page.tsx b/apps/jurumarble/src/app/page.tsx
index 2547e3fd..5d9bd74e 100644
--- a/apps/jurumarble/src/app/page.tsx
+++ b/apps/jurumarble/src/app/page.tsx
@@ -1,19 +1,21 @@
-import BottomBar from "components/BottomBar";
-import Header from "components/Header";
-import { getClassNames } from "lib/styles/getClassNames";
-import dynamic from "next/dynamic";
+import BottomBar from 'components/BottomBar';
+import Header from 'components/Header';
+import { getClassNames } from 'lib/styles/getClassNames';
+import dynamic from 'next/dynamic';
 
-import { HydratedDrinkVoteContainer } from "./main/containers/HydratedDrinkVoteContainer";
-import { HydratedHotDrinkContainer } from "./main/containers/HydratedHotDrinkContainer";
-import styles from "./page.module.css";
+import { HydratedDrinkVoteContainer } from './main/containers/HydratedDrinkVoteContainer';
+import { HydratedHotDrinkContainer } from './main/containers/HydratedHotDrinkContainer';
+import styles from './page.module.css';
 
 const DynamicTodayDrinkRecommendation = dynamic(
-  () => import("./main/components/TodayDrinkRecommendation"),
+  () => import('./main/components/TodayDrinkRecommendation'),
 );
 
-const DynamicSearchInputWrapper = dynamic(() => import("./main/components/SearchInputWrapper"));
+const DynamicSearchInputWrapper = dynamic(
+  () => import('./main/components/SearchInputWrapper'),
+);
 
-const DynamicBanner = dynamic(() => import("./main/components/Banner"));
+const DynamicBanner = dynamic(() => import('./main/components/Banner'));
 
 const cx = getClassNames(styles);
 
@@ -22,14 +24,14 @@ function MainPage() {
     <>
       <Header />
       <DynamicTodayDrinkRecommendation />
-      <section className={cx("main-top-section")}>
+      <section className={cx('main-top-section')}>
         <DynamicBanner />
         <DynamicSearchInputWrapper />
         {/* @ts-expect-error Server Component */}
         <HydratedHotDrinkContainer />
       </section>
-      <div className={cx("main-divide-line")} />
-      <section className={cx("main-bottom-section")}>
+      <div className={cx('main-divide-line')} />
+      <section className={cx('main-bottom-section')}>
         {/* @ts-expect-error Server Component */}
         <HydratedDrinkVoteContainer />
       </section>
diff --git a/apps/jurumarble/src/app/register/components/Button.tsx b/apps/jurumarble/src/app/register/components/Button.tsx
index dc52d187..6af64172 100644
--- a/apps/jurumarble/src/app/register/components/Button.tsx
+++ b/apps/jurumarble/src/app/register/components/Button.tsx
@@ -1,8 +1,8 @@
-"use client";
+'use client';
 
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   className?: string;
@@ -11,9 +11,20 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   children: ReactNode;
 }
 
-export const Button = ({ className, fullWidth, children, disabled, ...rest }: ButtonProps) => {
+export const Button = ({
+  className,
+  fullWidth,
+  children,
+  disabled,
+  ...rest
+}: ButtonProps) => {
   return (
-    <StyledButton className={className} disabled={disabled} $fullWidth={fullWidth} {...rest}>
+    <StyledButton
+      className={className}
+      disabled={disabled}
+      $fullWidth={fullWidth}
+      {...rest}
+    >
       {children}
     </StyledButton>
   );
diff --git a/apps/jurumarble/src/app/register/components/ContentHeader.tsx b/apps/jurumarble/src/app/register/components/ContentHeader.tsx
index 7a4440da..9c0ebd84 100644
--- a/apps/jurumarble/src/app/register/components/ContentHeader.tsx
+++ b/apps/jurumarble/src/app/register/components/ContentHeader.tsx
@@ -1,6 +1,6 @@
-"use client";
+'use client';
 
-import styled from "styled-components";
+import styled from 'styled-components';
 
 interface ContentHeaderProps {
   title: string;
@@ -8,7 +8,11 @@ interface ContentHeaderProps {
   className?: string;
 }
 
-export const ContentHeader = ({ title, subTitle, className }: ContentHeaderProps) => {
+export const ContentHeader = ({
+  title,
+  subTitle,
+  className,
+}: ContentHeaderProps) => {
   return (
     <Wrapper className={className}>
       <Title>{title}</Title>
diff --git a/apps/jurumarble/src/app/register/components/GlobalHeader.tsx b/apps/jurumarble/src/app/register/components/GlobalHeader.tsx
index fe9bc4e4..1942b147 100644
--- a/apps/jurumarble/src/app/register/components/GlobalHeader.tsx
+++ b/apps/jurumarble/src/app/register/components/GlobalHeader.tsx
@@ -1,8 +1,8 @@
-"use client";
+'use client';
 
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 
-import styled from "styled-components";
+import styled from 'styled-components';
 
 interface GlobalHeaderProps {
   children: ReactNode;
diff --git a/apps/jurumarble/src/app/register/components/ProgressBar.tsx b/apps/jurumarble/src/app/register/components/ProgressBar.tsx
index cffb1fb4..49987419 100644
--- a/apps/jurumarble/src/app/register/components/ProgressBar.tsx
+++ b/apps/jurumarble/src/app/register/components/ProgressBar.tsx
@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import styled from 'styled-components';
 
 interface ProgressBarProps {
   progress: `${number}%`;
@@ -6,7 +6,11 @@ interface ProgressBarProps {
   total: number;
 }
 
-export const ProgressBar = ({ progress, total, currentIndex }: ProgressBarProps) => {
+export const ProgressBar = ({
+  progress,
+  total,
+  currentIndex,
+}: ProgressBarProps) => {
   return (
     <Wrapper>
       <ProgressWrapper>
@@ -16,7 +20,7 @@ export const ProgressBar = ({ progress, total, currentIndex }: ProgressBarProps)
       <Count>
         <span
           style={{
-            color: "black",
+            color: 'black',
           }}
         >
           {currentIndex}
@@ -45,7 +49,7 @@ const Progress = styled.div<{
 }>`
   position: absolute;
   height: 100%;
-  width: ${({ $progress }) => $progress ?? "0%"};
+  width: ${({ $progress }) => $progress ?? '0%'};
   border-radius: 4px;
   transition: width 0.3s ease-in-out;
   background: linear-gradient(
diff --git a/apps/jurumarble/src/app/register/components/Tooltip.tsx b/apps/jurumarble/src/app/register/components/Tooltip.tsx
index 98ce9238..3f467e28 100644
--- a/apps/jurumarble/src/app/register/components/Tooltip.tsx
+++ b/apps/jurumarble/src/app/register/components/Tooltip.tsx
@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 
-import styled from "styled-components";
+import styled from 'styled-components';
 
 interface TooltipProps {
   children: ReactNode;
diff --git a/apps/jurumarble/src/app/register/components/WarningModal.tsx b/apps/jurumarble/src/app/register/components/WarningModal.tsx
index 0c69f8ab..f6cde5d0 100644
--- a/apps/jurumarble/src/app/register/components/WarningModal.tsx
+++ b/apps/jurumarble/src/app/register/components/WarningModal.tsx
@@ -1,13 +1,19 @@
-import { Button, ModalTemplate } from "components/index";
-import { ALCOHOL_LEVEL_LIST, GENDER_LIST } from "lib/constants";
-import { SvgWarningIcon } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+import { Button, ModalTemplate } from 'components/index';
+import { ALCOHOL_LEVEL_LIST, GENDER_LIST } from 'lib/constants';
+import { SvgWarningIcon } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
-import { useRegisterContext } from "../contexts";
+import { useRegisterContext } from '../contexts';
 
 function WarningModal() {
-  const { drinkCapacity, gender, stringfiedMBTI, yearOfBirth, addUser, onToggleWarningModal } =
-    useRegisterContext();
+  const {
+    drinkCapacity,
+    gender,
+    stringfiedMBTI,
+    yearOfBirth,
+    addUser,
+    onToggleWarningModal,
+  } = useRegisterContext();
 
   const drinkCapacityLevel =
     drinkCapacity === ALCOHOL_LEVEL_LIST[0].id
@@ -17,7 +23,11 @@ function WarningModal() {
       : 2;
 
   return (
-    <ModalTemplate width="335px" height="510px" onToggleModal={onToggleWarningModal}>
+    <ModalTemplate
+      width="335px"
+      height="510px"
+      onToggleModal={onToggleWarningModal}
+    >
       <Container>
         <SvgWarningIcon width="56px" height="56px" />
         <GuideText>선택하신 항목을 확인해주세요.</GuideText>
@@ -43,7 +53,8 @@ function WarningModal() {
           </ListItem>
         </UserInfoList>
         <WarningText>
-          ※ 성별과 출생년도는 추후 변경할 수 없으며, MBTI는 설정 후 2개월마다 수정 가능합니다.
+          ※ 성별과 출생년도는 추후 변경할 수 없으며, MBTI는 설정 후 2개월마다
+          수정 가능합니다.
         </WarningText>
         <ButtonContainer>
           <CancelButton
@@ -54,7 +65,12 @@ function WarningModal() {
           >
             취소
           </CancelButton>
-          <CompleteButton width="100%" height="56px" border-radius="10px" onClick={addUser}>
+          <CompleteButton
+            width="100%"
+            height="56px"
+            border-radius="10px"
+            onClick={addUser}
+          >
             확인
           </CompleteButton>
         </ButtonContainer>
diff --git a/apps/jurumarble/src/app/register/components/index.ts b/apps/jurumarble/src/app/register/components/index.ts
index 35651a89..5a263d66 100644
--- a/apps/jurumarble/src/app/register/components/index.ts
+++ b/apps/jurumarble/src/app/register/components/index.ts
@@ -1,5 +1,5 @@
-export * from "./GlobalHeader";
-export * from "./Tooltip";
-export * from "./ContentHeader";
-export * from "./ProgressBar";
-export * from "./Button";
+export * from './GlobalHeader';
+export * from './Tooltip';
+export * from './ContentHeader';
+export * from './ProgressBar';
+export * from './Button';
diff --git a/apps/jurumarble/src/app/register/constants.tsx b/apps/jurumarble/src/app/register/constants.tsx
index 2bb0a193..a2b5f139 100644
--- a/apps/jurumarble/src/app/register/constants.tsx
+++ b/apps/jurumarble/src/app/register/constants.tsx
@@ -2,35 +2,35 @@ import {
   RegisterBirthSection,
   RegisterDrinkCapacitySection,
   RegisterGenderSection,
-} from "./sections";
-import RegisterMBTISection from "./sections/RegisterMBTISection";
+} from './sections';
+import RegisterMBTISection from './sections/RegisterMBTISection';
 
 export const REGISTER_STEPS_CONTENT = {
   STEP1: {
-    title: "평소에 어떤 술을 즐기시나요?",
-    subTitle: "여행의 즐거움을 레벨업할 우리술을 추천드릴게요.",
+    title: '평소에 어떤 술을 즐기시나요?',
+    subTitle: '여행의 즐거움을 레벨업할 우리술을 추천드릴게요.',
     component: () => <RegisterDrinkCapacitySection />,
   },
   STEP2: {
-    title: "여행자님의 성별은 무엇인가요?",
-    subTitle: "같은 성별의 여행자들이 선호하는 우리술을 추천드릴게요.",
+    title: '여행자님의 성별은 무엇인가요?',
+    subTitle: '같은 성별의 여행자들이 선호하는 우리술을 추천드릴게요.',
     component: () => <RegisterGenderSection />,
   },
   STEP3: {
-    title: "여행자님의 출생년도는 어떻게 되나요?",
-    subTitle: "비슷한 나이대의 여행자들이 선호하는 우리술을 추천드릴게요.",
+    title: '여행자님의 출생년도는 어떻게 되나요?',
+    subTitle: '비슷한 나이대의 여행자들이 선호하는 우리술을 추천드릴게요.',
     component: () => <RegisterBirthSection />,
   },
   STEP4: {
-    title: "여행자님의 MBTI는 무엇인가요?",
-    subTitle: "같은 MBTI의 여행자들이 선호하는 우리술을 추천드릴게요.",
+    title: '여행자님의 MBTI는 무엇인가요?',
+    subTitle: '같은 MBTI의 여행자들이 선호하는 우리술을 추천드릴게요.',
     component: () => <RegisterMBTISection />,
   },
 } as const;
 
 export type RegisterStepTypes = keyof typeof REGISTER_STEPS_CONTENT;
 
-export const NumberPad = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
+export const NumberPad = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'];
 
 export type NumberPadTypes = (typeof NumberPad)[number];
 
diff --git a/apps/jurumarble/src/app/register/contexts/RegisterProvider.tsx b/apps/jurumarble/src/app/register/contexts/RegisterProvider.tsx
index 8c806a61..0f01a866 100644
--- a/apps/jurumarble/src/app/register/contexts/RegisterProvider.tsx
+++ b/apps/jurumarble/src/app/register/contexts/RegisterProvider.tsx
@@ -1,22 +1,22 @@
-"use client";
+'use client';
 
-import { createContext, PropsWithChildren, useMemo, useState } from "react";
+import { createContext, PropsWithChildren, useMemo, useState } from 'react';
 
-import { useToggle } from "@monorepo/hooks";
-import { useMutation } from "@tanstack/react-query";
-import Path from "lib/Path";
-import { addUserInfoAPI } from "lib/apis/user";
-import { DrinkCapacityTypes, GenderTypes } from "lib/constants";
-import { useRouter } from "next/navigation";
-import { toast } from "react-toastify";
-import { Direction, MBTIType } from "src/types/register";
+import { useToggle } from '@monorepo/hooks';
+import { useMutation } from '@tanstack/react-query';
+import Path from 'lib/Path';
+import { addUserInfoAPI } from 'lib/apis/user';
+import { DrinkCapacityTypes, GenderTypes } from 'lib/constants';
+import { useRouter } from 'next/navigation';
+import { toast } from 'react-toastify';
+import { Direction, MBTIType } from 'src/types/register';
 
 import {
   NumberPadTypes,
   REGISTER_STEPS_CONTENT,
   RegisterStepTypes,
   YearOfBirthType,
-} from "../constants";
+} from '../constants';
 
 export const RegisterContext = createContext<{
   step: RegisterStepTypes;
@@ -36,8 +36,8 @@ export const RegisterContext = createContext<{
   onChangeMBTI: ({ name, value }: { name: string; value: string }) => void;
   activeValue: (
     direction: Direction,
-    MBTIKey: "M" | "B" | "T" | "I",
-  ) => "active" | "inactive" | null;
+    MBTIKey: 'M' | 'B' | 'T' | 'I',
+  ) => 'active' | 'inactive' | null;
   addUser: () => void;
   isWarningModal: boolean;
   onToggleWarningModal: () => void;
@@ -62,18 +62,20 @@ export const RegisterContext = createContext<{
   onDeleteYearOfBirth: () => {},
   onNextStep: () => {},
   onToggleWarningModal: () => {},
-  step: "STEP1",
+  step: 'STEP1',
   stepList: [],
-  stringfiedMBTI: "",
-  yearOfBirth: "",
+  stringfiedMBTI: '',
+  yearOfBirth: '',
 });
 
 export const RegisterProvider = ({ children }: PropsWithChildren) => {
-  const [step, setStep] = useState<RegisterStepTypes>("STEP1");
+  const [step, setStep] = useState<RegisterStepTypes>('STEP1');
 
-  const [drinkCapacity, setDrinkCapacity] = useState<DrinkCapacityTypes | null>(null);
+  const [drinkCapacity, setDrinkCapacity] = useState<DrinkCapacityTypes | null>(
+    null,
+  );
   const [gender, setGender] = useState<GenderTypes | null>(null);
-  const [yearOfBirth, setYearOfBirth] = useState<YearOfBirthType | null>("");
+  const [yearOfBirth, setYearOfBirth] = useState<YearOfBirthType | null>('');
   const [MBTI, setMBTI] = useState<MBTIType>({
     M: null,
     B: null,
@@ -89,12 +91,12 @@ export const RegisterProvider = ({ children }: PropsWithChildren) => {
 
   const onNextStep = () => {
     if (Number(yearOfBirth) > 2004) {
-      toast.error("2004년 이후 출생자는 가입이 불가능합니다.");
-      setYearOfBirth("");
+      toast.error('2004년 이후 출생자는 가입이 불가능합니다.');
+      setYearOfBirth('');
       return;
     } else if (999 < Number(yearOfBirth) && Number(yearOfBirth) < 1900) {
-      toast.error("출생년도를 다시 한번 확인해주세요.");
-      setYearOfBirth("");
+      toast.error('출생년도를 다시 한번 확인해주세요.');
+      setYearOfBirth('');
       return;
     }
 
@@ -124,39 +126,42 @@ export const RegisterProvider = ({ children }: PropsWithChildren) => {
     setYearOfBirth((prev) => (prev?.length === 4 ? prev : prev + value));
   };
   const onDeleteYearOfBirth = () => {
-    setYearOfBirth("");
+    setYearOfBirth('');
   };
 
   const onChangeMBTI = ({ name, value }: { name: string; value: string }) => {
     setMBTI((prev) => ({ ...prev, [name]: value }));
   };
 
-  const getMBTI = (direction: Direction, MBTIKey: "M" | "B" | "T" | "I") => {
-    const lookupTable: Record<Direction, Record<"M" | "B" | "T" | "I", string>> = {
-      left: { M: "E", B: "S", T: "T", I: "J" },
-      right: { M: "I", B: "N", T: "F", I: "P" },
+  const getMBTI = (direction: Direction, MBTIKey: 'M' | 'B' | 'T' | 'I') => {
+    const lookupTable: Record<
+      Direction,
+      Record<'M' | 'B' | 'T' | 'I', string>
+    > = {
+      left: { M: 'E', B: 'S', T: 'T', I: 'J' },
+      right: { M: 'I', B: 'N', T: 'F', I: 'P' },
     };
     return lookupTable[direction][MBTIKey];
   };
 
   const activeValue = (
     direction: Direction,
-    MBTIKey: "M" | "B" | "T" | "I",
-  ): "active" | "inactive" | null => {
+    MBTIKey: 'M' | 'B' | 'T' | 'I',
+  ): 'active' | 'inactive' | null => {
     if (!MBTI[MBTIKey]) {
       return null;
     }
-    return `${MBTI[MBTIKey] === getMBTI(direction, MBTIKey) ? "" : "in"}active`;
+    return `${MBTI[MBTIKey] === getMBTI(direction, MBTIKey) ? '' : 'in'}active`;
   };
 
   const buttonDisabled = useMemo(() => {
-    if (step === "STEP1") {
+    if (step === 'STEP1') {
       return drinkCapacity === null;
-    } else if (step === "STEP2") {
+    } else if (step === 'STEP2') {
       return gender === null;
-    } else if (step === "STEP3") {
-      return yearOfBirth === "" || yearOfBirth?.length !== 4;
-    } else if (step === "STEP4") {
+    } else if (step === 'STEP3') {
+      return yearOfBirth === '' || yearOfBirth?.length !== 4;
+    } else if (step === 'STEP4') {
       return Object.values(MBTI).some((value) => value === null);
     }
 
@@ -177,7 +182,7 @@ export const RegisterProvider = ({ children }: PropsWithChildren) => {
       }),
     {
       onSuccess: () => {
-        toast.success("회원가입이 완료되었습니다.");
+        toast.success('회원가입이 완료되었습니다.');
         router.replace(Path.MAIN_PAGE);
       },
       onError: (error) => alert(error),
@@ -208,5 +213,9 @@ export const RegisterProvider = ({ children }: PropsWithChildren) => {
     yearOfBirth,
   };
 
-  return <RegisterContext.Provider value={value}>{children}</RegisterContext.Provider>;
+  return (
+    <RegisterContext.Provider value={value}>
+      {children}
+    </RegisterContext.Provider>
+  );
 };
diff --git a/apps/jurumarble/src/app/register/contexts/index.ts b/apps/jurumarble/src/app/register/contexts/index.ts
index f4932007..72e95e65 100644
--- a/apps/jurumarble/src/app/register/contexts/index.ts
+++ b/apps/jurumarble/src/app/register/contexts/index.ts
@@ -1,2 +1,2 @@
-export * from "./RegisterProvider";
-export * from "./useRegisterContext";
+export * from './RegisterProvider';
+export * from './useRegisterContext';
diff --git a/apps/jurumarble/src/app/register/contexts/useRegisterContext.ts b/apps/jurumarble/src/app/register/contexts/useRegisterContext.ts
index 41c4ae7b..01daa0d2 100644
--- a/apps/jurumarble/src/app/register/contexts/useRegisterContext.ts
+++ b/apps/jurumarble/src/app/register/contexts/useRegisterContext.ts
@@ -1,12 +1,14 @@
-import { useContext } from "react";
+import { useContext } from 'react';
 
-import { RegisterContext } from "./RegisterProvider";
+import { RegisterContext } from './RegisterProvider';
 
 export const useRegisterContext = () => {
   const context = useContext(RegisterContext);
 
   if (!context) {
-    throw new Error("useRegisterContext는 RegisterProvider 내부에서만 사용할 수 있습니다.");
+    throw new Error(
+      'useRegisterContext는 RegisterProvider 내부에서만 사용할 수 있습니다.',
+    );
   }
 
   return context;
diff --git a/apps/jurumarble/src/app/register/layout.tsx b/apps/jurumarble/src/app/register/layout.tsx
index d27359fe..4b92916c 100644
--- a/apps/jurumarble/src/app/register/layout.tsx
+++ b/apps/jurumarble/src/app/register/layout.tsx
@@ -1,12 +1,12 @@
-"use client";
+'use client';
 
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 
-import styled from "styled-components";
+import styled from 'styled-components';
 
-import { GlobalHeader } from "./components";
-import { RegisterProvider } from "./contexts";
-import { RegisterFooterSection } from "./sections";
+import { GlobalHeader } from './components';
+import { RegisterProvider } from './contexts';
+import { RegisterFooterSection } from './sections';
 
 export default function Layout({ children }: PropsWithChildren) {
   return (
diff --git a/apps/jurumarble/src/app/register/page.tsx b/apps/jurumarble/src/app/register/page.tsx
index b73455d6..ffc104b1 100644
--- a/apps/jurumarble/src/app/register/page.tsx
+++ b/apps/jurumarble/src/app/register/page.tsx
@@ -1,6 +1,6 @@
-"use client";
+'use client';
 
-import { RegisterProgressSection, RegisterStepSection } from "./sections";
+import { RegisterProgressSection, RegisterStepSection } from './sections';
 
 function RegisterPage() {
   return (
diff --git a/apps/jurumarble/src/app/register/sections/RegisterBirthSection.tsx b/apps/jurumarble/src/app/register/sections/RegisterBirthSection.tsx
index f0ed9d64..b5b26f39 100644
--- a/apps/jurumarble/src/app/register/sections/RegisterBirthSection.tsx
+++ b/apps/jurumarble/src/app/register/sections/RegisterBirthSection.tsx
@@ -1,20 +1,30 @@
-import { media, transitions } from "lib/styles";
-import styled, { css } from "styled-components";
+import { media, transitions } from 'lib/styles';
+import styled, { css } from 'styled-components';
 
-import { NumberPad, NumberPadTypes } from "../constants";
-import { useRegisterContext } from "../contexts";
+import { NumberPad, NumberPadTypes } from '../constants';
+import { useRegisterContext } from '../contexts';
 
 export const RegisterBirthSection = () => {
-  const { yearOfBirth, onChangeYearOfBirth, onDeleteYearOfBirth } = useRegisterContext();
+  const { yearOfBirth, onChangeYearOfBirth, onDeleteYearOfBirth } =
+    useRegisterContext();
 
   return (
     <Container>
       <InputBox>
-        <Input type="text" inputMode="none" placeholder="0" value={yearOfBirth ?? ""} /> 년도
+        <Input
+          type="text"
+          inputMode="none"
+          placeholder="0"
+          value={yearOfBirth ?? ''}
+        />{' '}
+        년도
       </InputBox>
       <NumberBox>
         {NumberPad.map((number: NumberPadTypes) => (
-          <NumberButton key={number} onClick={() => onChangeYearOfBirth(number)}>
+          <NumberButton
+            key={number}
+            onClick={() => onChangeYearOfBirth(number)}
+          >
             {number}
           </NumberButton>
         ))}
diff --git a/apps/jurumarble/src/app/register/sections/RegisterDrinkCapacitySection.tsx b/apps/jurumarble/src/app/register/sections/RegisterDrinkCapacitySection.tsx
index 31a5b3fa..6850dd31 100644
--- a/apps/jurumarble/src/app/register/sections/RegisterDrinkCapacitySection.tsx
+++ b/apps/jurumarble/src/app/register/sections/RegisterDrinkCapacitySection.tsx
@@ -1,27 +1,33 @@
-import { ALCOHOL_LEVEL_LIST } from "lib/constants";
-import { transitions } from "lib/styles";
-import Image from "next/image";
-import styled, { css } from "styled-components";
+import { ALCOHOL_LEVEL_LIST } from 'lib/constants';
+import { transitions } from 'lib/styles';
+import Image from 'next/image';
+import styled, { css } from 'styled-components';
 
-import { useRegisterContext } from "../contexts";
+import { useRegisterContext } from '../contexts';
 
 export const RegisterDrinkCapacitySection = () => {
   const { onChangeDrinkCapacity, drinkCapacity } = useRegisterContext();
 
   return (
     <Wrapper>
-      {ALCOHOL_LEVEL_LIST.map(({ id, label, description, image, levelChip }) => (
-        <Item key={id} $selected={id === drinkCapacity} onClick={() => onChangeDrinkCapacity(id)}>
-          <Image alt={label} width={56} height={56} src={image} />
-          <Text>
-            <Title>
-              {levelChip()}
-              <Label>{label}</Label>
-            </Title>
-            <Description>{description}</Description>
-          </Text>
-        </Item>
-      ))}
+      {ALCOHOL_LEVEL_LIST.map(
+        ({ id, label, description, image, levelChip }) => (
+          <Item
+            key={id}
+            $selected={id === drinkCapacity}
+            onClick={() => onChangeDrinkCapacity(id)}
+          >
+            <Image alt={label} width={56} height={56} src={image} />
+            <Text>
+              <Title>
+                {levelChip()}
+                <Label>{label}</Label>
+              </Title>
+              <Description>{description}</Description>
+            </Text>
+          </Item>
+        ),
+      )}
     </Wrapper>
   );
 };
@@ -32,7 +38,8 @@ const Wrapper = styled.div`
   background: ${({ theme }) => theme.colors.white};
   border: 1px solid ${({ theme }) => theme.colors.line_01};
   border-radius: 8px;
-  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04), 2px 2px 20px 0px rgba(0, 0, 0, 0.06);
+  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.04),
+    2px 2px 20px 0px rgba(0, 0, 0, 0.06);
 
   > div + div {
   }
diff --git a/apps/jurumarble/src/app/register/sections/RegisterFooterSection.tsx b/apps/jurumarble/src/app/register/sections/RegisterFooterSection.tsx
index 1d150e86..381559e3 100644
--- a/apps/jurumarble/src/app/register/sections/RegisterFooterSection.tsx
+++ b/apps/jurumarble/src/app/register/sections/RegisterFooterSection.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import styled from "styled-components";
+import styled from 'styled-components';
 
-import { Button } from "../components";
-import { useRegisterContext } from "../contexts";
+import { Button } from '../components';
+import { useRegisterContext } from '../contexts';
 
 export const RegisterFooterSection = () => {
   const { onNextStep, buttonDisabled } = useRegisterContext();
diff --git a/apps/jurumarble/src/app/register/sections/RegisterGenderSection.tsx b/apps/jurumarble/src/app/register/sections/RegisterGenderSection.tsx
index 8e1bfdf8..aa3ce396 100644
--- a/apps/jurumarble/src/app/register/sections/RegisterGenderSection.tsx
+++ b/apps/jurumarble/src/app/register/sections/RegisterGenderSection.tsx
@@ -1,8 +1,8 @@
-import { GENDER_LIST } from "lib/constants";
-import Image from "next/image";
-import styled from "styled-components";
+import { GENDER_LIST } from 'lib/constants';
+import Image from 'next/image';
+import styled from 'styled-components';
 
-import { useRegisterContext } from "../contexts";
+import { useRegisterContext } from '../contexts';
 
 export const RegisterGenderSection = () => {
   const { gender, onChangeGender } = useRegisterContext();
@@ -40,7 +40,7 @@ const Item = styled.div<{
   border-radius: 12px;
   height: 280px;
   background: ${({ theme, $selected }) =>
-    $selected ? "rgba(255, 92, 0, 0.50)" : theme.colors.white};
+    $selected ? 'rgba(255, 92, 0, 0.50)' : theme.colors.white};
 
   cursor: pointer;
   display: flex;
diff --git a/apps/jurumarble/src/app/register/sections/RegisterMBTISection.tsx b/apps/jurumarble/src/app/register/sections/RegisterMBTISection.tsx
index 7cf1fd7d..b39e7712 100644
--- a/apps/jurumarble/src/app/register/sections/RegisterMBTISection.tsx
+++ b/apps/jurumarble/src/app/register/sections/RegisterMBTISection.tsx
@@ -1,9 +1,9 @@
-import { media, transitions } from "lib/styles";
-import styled, { css } from "styled-components";
+import { media, transitions } from 'lib/styles';
+import styled, { css } from 'styled-components';
 
-import { useRegisterContext } from "../contexts";
+import { useRegisterContext } from '../contexts';
 
-type ActiveType = "active" | "inactive" | null;
+type ActiveType = 'active' | 'inactive' | null;
 
 function RegisterMBTISection() {
   const { onChangeMBTI, activeValue } = useRegisterContext();
@@ -13,7 +13,7 @@ function RegisterMBTISection() {
       <VoteBox>
         <LeftVote
           name="M"
-          selected={activeValue("left", "M")}
+          selected={activeValue('left', 'M')}
           value="E"
           onClick={({ currentTarget }) =>
             onChangeMBTI({
@@ -27,7 +27,7 @@ function RegisterMBTISection() {
         </LeftVote>
         <RightVote
           name="M"
-          selected={activeValue("right", "M")}
+          selected={activeValue('right', 'M')}
           value="I"
           onClick={({ currentTarget }) =>
             onChangeMBTI({
@@ -43,7 +43,7 @@ function RegisterMBTISection() {
       <VoteBox>
         <LeftVote
           name="B"
-          selected={activeValue("left", "B")}
+          selected={activeValue('left', 'B')}
           value="S"
           onClick={({ currentTarget }) =>
             onChangeMBTI({
@@ -57,7 +57,7 @@ function RegisterMBTISection() {
         </LeftVote>
         <RightVote
           name="B"
-          selected={activeValue("right", "B")}
+          selected={activeValue('right', 'B')}
           value="N"
           onClick={({ currentTarget }) =>
             onChangeMBTI({
@@ -73,7 +73,7 @@ function RegisterMBTISection() {
       <VoteBox>
         <LeftVote
           name="T"
-          selected={activeValue("left", "T")}
+          selected={activeValue('left', 'T')}
           value="T"
           onClick={({ currentTarget }) =>
             onChangeMBTI({
@@ -87,7 +87,7 @@ function RegisterMBTISection() {
         </LeftVote>
         <RightVote
           name="T"
-          selected={activeValue("right", "T")}
+          selected={activeValue('right', 'T')}
           value="F"
           onClick={({ currentTarget }) =>
             onChangeMBTI({
@@ -103,7 +103,7 @@ function RegisterMBTISection() {
       <VoteBox>
         <LeftVote
           name="I"
-          selected={activeValue("left", "I")}
+          selected={activeValue('left', 'I')}
           value="J"
           onClick={({ currentTarget }) =>
             onChangeMBTI({
@@ -117,7 +117,7 @@ function RegisterMBTISection() {
         </LeftVote>
         <RightVote
           name="I"
-          selected={activeValue("right", "I")}
+          selected={activeValue('right', 'I')}
           value="P"
           onClick={({ currentTarget }) =>
             onChangeMBTI({
@@ -166,7 +166,9 @@ const variantStyles = {
 };
 
 const typeGuardVariantStyle = (selected: ActiveType) => {
-  if (!selected) {return null;}
+  if (!selected) {
+    return null;
+  }
   return variantStyles[selected];
 };
 
diff --git a/apps/jurumarble/src/app/register/sections/RegisterProgressSection.tsx b/apps/jurumarble/src/app/register/sections/RegisterProgressSection.tsx
index c459967a..4cb38032 100644
--- a/apps/jurumarble/src/app/register/sections/RegisterProgressSection.tsx
+++ b/apps/jurumarble/src/app/register/sections/RegisterProgressSection.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import styled from "styled-components";
+import styled from 'styled-components';
 
-import { ProgressBar } from "../components";
-import { useRegisterContext } from "../contexts";
+import { ProgressBar } from '../components';
+import { useRegisterContext } from '../contexts';
 
 export const RegisterProgressSection = () => {
   const { stepList, currentStepIndex } = useRegisterContext();
diff --git a/apps/jurumarble/src/app/register/sections/RegisterStepSection.tsx b/apps/jurumarble/src/app/register/sections/RegisterStepSection.tsx
index 2101310e..45715fae 100644
--- a/apps/jurumarble/src/app/register/sections/RegisterStepSection.tsx
+++ b/apps/jurumarble/src/app/register/sections/RegisterStepSection.tsx
@@ -1,11 +1,11 @@
-"use client";
+'use client';
 
-import styled from "styled-components";
+import styled from 'styled-components';
 
-import { ContentHeader } from "../components";
-import WarningSmallModal from "../components/WarningModal";
-import { REGISTER_STEPS_CONTENT } from "../constants";
-import { useRegisterContext } from "../contexts";
+import { ContentHeader } from '../components';
+import WarningSmallModal from '../components/WarningModal';
+import { REGISTER_STEPS_CONTENT } from '../constants';
+import { useRegisterContext } from '../contexts';
 
 export const RegisterStepSection = () => {
   const { step, isWarningModal } = useRegisterContext();
diff --git a/apps/jurumarble/src/app/register/sections/index.ts b/apps/jurumarble/src/app/register/sections/index.ts
index 7ccb479a..8c94906b 100644
--- a/apps/jurumarble/src/app/register/sections/index.ts
+++ b/apps/jurumarble/src/app/register/sections/index.ts
@@ -1,7 +1,7 @@
-export * from "./RegisterProgressSection";
-export * from "./RegisterStepSection";
-export * from "./RegisterFooterSection";
-export * from "./RegisterDrinkCapacitySection";
-export * from "./RegisterGenderSection";
-export * from "./RegisterBirthSection";
-export * from "./RegisterMBTISection";
+export * from './RegisterProgressSection';
+export * from './RegisterStepSection';
+export * from './RegisterFooterSection';
+export * from './RegisterDrinkCapacitySection';
+export * from './RegisterGenderSection';
+export * from './RegisterBirthSection';
+export * from './RegisterMBTISection';
diff --git a/apps/jurumarble/src/app/search/components/ChipContainer.tsx b/apps/jurumarble/src/app/search/components/ChipContainer.tsx
index bc4fd039..675ea1d6 100644
--- a/apps/jurumarble/src/app/search/components/ChipContainer.tsx
+++ b/apps/jurumarble/src/app/search/components/ChipContainer.tsx
@@ -1,8 +1,8 @@
-import { UseMutateFunction } from "@tanstack/react-query";
-import Chip from "components/Chip";
-import SvgIcBookmark from "src/assets/icons/components/IcBookmark";
-import SvgIcBookmarkActive from "src/assets/icons/components/IcBookmarkActive";
-import styled from "styled-components";
+import { UseMutateFunction } from '@tanstack/react-query';
+import Chip from 'components/Chip';
+import SvgIcBookmark from 'src/assets/icons/components/IcBookmark';
+import SvgIcBookmarkActive from 'src/assets/icons/components/IcBookmarkActive';
+import styled from 'styled-components';
 
 interface Props {
   title: string;
@@ -13,7 +13,14 @@ interface Props {
   votedCount: number;
 }
 
-const ChipContainer = ({ date, title, region, mutateBookMark, isBookmark, votedCount }: Props) => {
+const ChipContainer = ({
+  date,
+  title,
+  region,
+  mutateBookMark,
+  isBookmark,
+  votedCount,
+}: Props) => {
   return (
     <>
       <TagRow>
@@ -23,9 +30,17 @@ const ChipContainer = ({ date, title, region, mutateBookMark, isBookmark, votedC
         </FlexRow>
         <FlexRow>
           {isBookmark ? (
-            <SvgIcBookmarkActive width={20} height={20} onClick={() => mutateBookMark()} />
+            <SvgIcBookmarkActive
+              width={20}
+              height={20}
+              onClick={() => mutateBookMark()}
+            />
           ) : (
-            <SvgIcBookmark width={20} height={20} onClick={() => mutateBookMark()} />
+            <SvgIcBookmark
+              width={20}
+              height={20}
+              onClick={() => mutateBookMark()}
+            />
           )}
         </FlexRow>
       </TagRow>
diff --git a/apps/jurumarble/src/app/search/components/DrinkItem.tsx b/apps/jurumarble/src/app/search/components/DrinkItem.tsx
index f224b684..9c8be798 100644
--- a/apps/jurumarble/src/app/search/components/DrinkItem.tsx
+++ b/apps/jurumarble/src/app/search/components/DrinkItem.tsx
@@ -1,11 +1,11 @@
-import { RatioFrame } from "@monorepo/ui";
-import Chip from "components/Chip";
-import { transitions } from "lib/styles";
-import Image from "next/image";
-import useDrinkStampService from "services/useDrinkStampService";
-import SvgStamp from "src/assets/icons/components/IcStamp";
-import { DrinkInfo } from "src/types/drink";
-import styled, { css, useTheme } from "styled-components";
+import { RatioFrame } from '@monorepo/ui';
+import Chip from 'components/Chip';
+import { transitions } from 'lib/styles';
+import Image from 'next/image';
+import useDrinkStampService from 'services/useDrinkStampService';
+import SvgStamp from 'src/assets/icons/components/IcStamp';
+import { DrinkInfo } from 'src/types/drink';
+import styled, { css, useTheme } from 'styled-components';
 
 interface Props {
   drinkInfo: DrinkInfo;
@@ -24,10 +24,20 @@ function DrinkItem({ drinkInfo, onClickDrinkItem, selectedDrinkList }: Props) {
   const stampColor = isStampedDrink?.enjoyed ? colors.main_01 : colors.black_05;
 
   return (
-    <Container onClick={onClickDrinkItem} name={name} selected={selectedDrinkList?.includes(name)}>
+    <Container
+      onClick={onClickDrinkItem}
+      name={name}
+      selected={selectedDrinkList?.includes(name)}
+    >
       <ImageWrapper>
         <RatioFrame ratio="square">
-          <Image loading="lazy" alt={name} src={image} fill style={{ borderRadius: "10px" }} />
+          <Image
+            loading="lazy"
+            alt={name}
+            src={image}
+            fill
+            style={{ borderRadius: '10px' }}
+          />
         </RatioFrame>
       </ImageWrapper>
       <InfoContainer>
@@ -54,7 +64,8 @@ function DrinkItem({ drinkInfo, onClickDrinkItem, selectedDrinkList }: Props) {
 
 const Container = styled.button<{ selected: boolean | undefined }>`
   display: flex;
-  box-shadow: 0px 2px 8px 0px rgba(235, 235, 235, 0.4), 0px 8px 20px 0px rgba(235, 235, 235, 0.4);
+  box-shadow: 0px 2px 8px 0px rgba(235, 235, 235, 0.4),
+    0px 8px 20px 0px rgba(235, 235, 235, 0.4);
   height: 120px;
   padding: 16px;
   border-radius: 16px;
diff --git a/apps/jurumarble/src/app/search/components/DrinkList.tsx b/apps/jurumarble/src/app/search/components/DrinkList.tsx
index 6b5dc3bc..e520377d 100644
--- a/apps/jurumarble/src/app/search/components/DrinkList.tsx
+++ b/apps/jurumarble/src/app/search/components/DrinkList.tsx
@@ -1,10 +1,10 @@
-import Path from "lib/Path";
-import { useRouter, useSearchParams } from "next/navigation";
-import { DrinkInfoSortType } from "src/types/common";
-import styled from "styled-components";
+import Path from 'lib/Path';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { DrinkInfoSortType } from 'src/types/common';
+import styled from 'styled-components';
 
-import DrinkItem from "./DrinkItem";
-import useGetDrinkList from "../services/useGetDrinkList";
+import DrinkItem from './DrinkItem';
+import useGetDrinkList from '../services/useGetDrinkList';
 
 interface Props {
   searchText: string;
@@ -15,11 +15,11 @@ interface Props {
 
 function DrinkList({ searchText, sortOption, regionOption }: Props) {
   const searchParams = useSearchParams();
-  const selectedTab = searchParams.get("selectedTab");
+  const selectedTab = searchParams.get('selectedTab');
 
   const { drinkList, subscribe } = useGetDrinkList({
     page: 0,
-    size: selectedTab === "drinkInfo" ? 10 : 3,
+    size: selectedTab === 'drinkInfo' ? 10 : 3,
     keyword: searchText,
     region: regionOption,
     sortBy: sortOption,
@@ -34,7 +34,7 @@ function DrinkList({ searchText, sortOption, regionOption }: Props) {
     return <></>;
   }
 
-return (
+  return (
     <Container>
       {drinkList.map((drinkInfo) => (
         <DrinkItem
@@ -43,7 +43,7 @@ return (
           onClickDrinkItem={() => onClickDrinkItem(drinkInfo.id)}
         />
       ))}
-      {selectedTab === "drinkInfo" && <div ref={subscribe} />}
+      {selectedTab === 'drinkInfo' && <div ref={subscribe} />}
     </Container>
   );
 }
diff --git a/apps/jurumarble/src/app/search/components/DrinkVoteItem.tsx b/apps/jurumarble/src/app/search/components/DrinkVoteItem.tsx
index 4abd0f57..11761e2a 100644
--- a/apps/jurumarble/src/app/search/components/DrinkVoteItem.tsx
+++ b/apps/jurumarble/src/app/search/components/DrinkVoteItem.tsx
@@ -1,11 +1,11 @@
-import Path from "lib/Path";
-import { useRouter } from "next/navigation";
-import useBookmarkService from "services/useBookmarkService";
-import { Content } from "src/types/vote";
-import styled from "styled-components";
+import Path from 'lib/Path';
+import { useRouter } from 'next/navigation';
+import useBookmarkService from 'services/useBookmarkService';
+import { Content } from 'src/types/vote';
+import styled from 'styled-components';
 
-import ChipContainer from "./ChipContainer";
-import VoteDescription from "./VoteDescription";
+import ChipContainer from './ChipContainer';
+import VoteDescription from './VoteDescription';
 
 interface Props {
   voteDrink: Content;
@@ -42,7 +42,8 @@ function DrinkVoteItem({ voteDrink }: Props) {
 const Container = styled.button`
   border-radius: 10px;
   border: 1px solid ${({ theme }) => theme.colors.line_02};
-  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.08), 0px 10px 25px 0px rgba(0, 0, 0, 0.06);
+  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.08),
+    0px 10px 25px 0px rgba(0, 0, 0, 0.06);
   padding: 20px;
 `;
 
diff --git a/apps/jurumarble/src/app/search/components/DrinkVoteList.tsx b/apps/jurumarble/src/app/search/components/DrinkVoteList.tsx
index f4252df3..28b4d869 100644
--- a/apps/jurumarble/src/app/search/components/DrinkVoteList.tsx
+++ b/apps/jurumarble/src/app/search/components/DrinkVoteList.tsx
@@ -1,8 +1,8 @@
-import { useSearchParams } from "next/navigation";
-import styled from "styled-components";
+import { useSearchParams } from 'next/navigation';
+import styled from 'styled-components';
 
-import DrinkVoteItem from "./DrinkVoteItem";
-import useVoteDrinkService from "../services/useVoteDrinkService";
+import DrinkVoteItem from './DrinkVoteItem';
+import useVoteDrinkService from '../services/useVoteDrinkService';
 
 interface Props {
   searchText: string;
@@ -13,7 +13,7 @@ interface Props {
 
 function DrinkVoteList({ searchText, sortOption, regionOption }: Props) {
   const searchParams = useSearchParams();
-  const selectedTab = searchParams.get("selectedTab");
+  const selectedTab = searchParams.get('selectedTab');
 
   const { voteDrinkList, subscribe } = useVoteDrinkService({
     page: 0,
@@ -32,7 +32,7 @@ function DrinkVoteList({ searchText, sortOption, regionOption }: Props) {
       {voteDrinkList.map((voteDrink, index) => (
         <DrinkVoteItem key={`drinkVoteItem_${index}`} voteDrink={voteDrink} />
       ))}
-      {selectedTab === "drinkVote" && <div ref={subscribe} />}
+      {selectedTab === 'drinkVote' && <div ref={subscribe} />}
     </Container>
   );
 }
diff --git a/apps/jurumarble/src/app/search/components/RegionSmallSelect.tsx b/apps/jurumarble/src/app/search/components/RegionSmallSelect.tsx
index 09236b96..a35c5d06 100644
--- a/apps/jurumarble/src/app/search/components/RegionSmallSelect.tsx
+++ b/apps/jurumarble/src/app/search/components/RegionSmallSelect.tsx
@@ -1,8 +1,8 @@
-import { useToggle } from "@monorepo/hooks";
-import { Select } from "components/selectBox";
-import { REGION_LIST } from "lib/constants";
-import SvgIcExpandMore from "src/assets/icons/components/IcExpandMore";
-import styled, { css } from "styled-components";
+import { useToggle } from '@monorepo/hooks';
+import { Select } from 'components/selectBox';
+import { REGION_LIST } from 'lib/constants';
+import SvgIcExpandMore from 'src/assets/icons/components/IcExpandMore';
+import styled, { css } from 'styled-components';
 
 interface Props {
   defaultOption: string;
@@ -17,7 +17,10 @@ function RegionSmallSelect({ defaultOption, onChangeSortOption }: Props) {
       <Select
         defaultValue={defaultOption}
         onChangeSelectedOption={onChangeSortOption}
-        options={[{ value: "", label: "지역", lat: 0, long: 0 }, ...REGION_LIST]}
+        options={[
+          { value: '', label: '지역', lat: 0, long: 0 },
+          ...REGION_LIST,
+        ]}
         isOpen={isOpen}
         onToggleOpen={onToggleOpen}
       >
@@ -39,7 +42,7 @@ const SelectStyled = styled.span<{ isOpen: boolean }>`
       padding: 10px 12px;
     }
     svg {
-      ${isOpen && "transform: rotateX( 180deg )"}
+      ${isOpen && 'transform: rotateX( 180deg )'}
     }
   `}
   #select-list {
diff --git a/apps/jurumarble/src/app/search/components/SearchContainer.tsx b/apps/jurumarble/src/app/search/components/SearchContainer.tsx
index 1337db18..3fcfd406 100644
--- a/apps/jurumarble/src/app/search/components/SearchContainer.tsx
+++ b/apps/jurumarble/src/app/search/components/SearchContainer.tsx
@@ -1,29 +1,29 @@
-"use client";
+'use client';
 
-import { useDebouncedCallback } from "@react-hookz/web";
-import BottomBar from "components/BottomBar";
-import DivideLine from "components/DivideLine";
-import SearchInput from "components/SearchInput";
-import { Button } from "components/button";
-import { useCreateQueryString } from "hooks/useCreateQueryString";
-import { DRINK_INFO_SORT_LIST, DRINK_VOTE_SORT_LIST } from "lib/constants";
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import SvgIcPrev from "src/assets/icons/components/IcPrev";
-import { DrinkInfoSortType, RegionType, VoteSortType } from "src/types/common";
-import styled, { css, DefaultTheme } from "styled-components";
+import { useDebouncedCallback } from '@react-hookz/web';
+import BottomBar from 'components/BottomBar';
+import DivideLine from 'components/DivideLine';
+import SearchInput from 'components/SearchInput';
+import { Button } from 'components/button';
+import { useCreateQueryString } from 'hooks/useCreateQueryString';
+import { DRINK_INFO_SORT_LIST, DRINK_VOTE_SORT_LIST } from 'lib/constants';
+import { usePathname, useRouter, useSearchParams } from 'next/navigation';
+import SvgIcPrev from 'src/assets/icons/components/IcPrev';
+import { DrinkInfoSortType, RegionType, VoteSortType } from 'src/types/common';
+import styled, { css, DefaultTheme } from 'styled-components';
 
-import DrinkList from "./DrinkList";
-import DrinkVoteList from "./DrinkVoteList";
-import RegionSmallSelect from "./RegionSmallSelect";
-import SortSelect from "./SortSelect";
+import DrinkList from './DrinkList';
+import DrinkVoteList from './DrinkVoteList';
+import RegionSmallSelect from './RegionSmallSelect';
+import SortSelect from './SortSelect';
 
 const TAB_LIST = [
-  { id: "total", name: "통합" },
-  { id: "drinkInfo", name: "우리술 정보" },
-  { id: "drinkVote", name: "우리술 투표" },
+  { id: 'total', name: '통합' },
+  { id: 'drinkInfo', name: '우리술 정보' },
+  { id: 'drinkVote', name: '우리술 투표' },
 ] as const;
 
-type TabList = (typeof TAB_LIST)[number]["id"];
+type TabList = (typeof TAB_LIST)[number]['id'];
 
 /**
  * @TODO 아래와 같이 분리하기
@@ -43,10 +43,10 @@ function SearchContainer() {
 
   const createQueryString = useCreateQueryString(searchParams);
 
-  const searchText = (searchParams.get("searchText") as string) ?? "";
+  const searchText = (searchParams.get('searchText') as string) ?? '';
 
   const onChangeSearchText = (keyword: string) => {
-    router.replace(`${pathname  }?${  createQueryString("searchText", keyword)}`, {
+    router.replace(`${pathname}?${createQueryString('searchText', keyword)}`, {
       scroll: true,
     });
   };
@@ -58,24 +58,30 @@ function SearchContainer() {
     500,
   );
 
-  const selectedTab = searchParams.get("selectedTab") ?? "total";
+  const selectedTab = searchParams.get('selectedTab') ?? 'total';
   const onClickSelectedTab = (tab: TabList) => {
-    router.replace(`${pathname  }?${  createQueryString("selectedTab", tab)}`);
+    router.replace(`${pathname}?${createQueryString('selectedTab', tab)}`);
   };
 
-  const drinkInfoSortOption = searchParams.get("drinkInfoSortOption") ?? "ByPopularity";
+  const drinkInfoSortOption =
+    searchParams.get('drinkInfoSortOption') ?? 'ByPopularity';
   const onChangeDrinkInfoSortOption = (value: DrinkInfoSortType) => {
-    router.replace(`${pathname  }?${  createQueryString("drinkInfoSortOption", value)}`);
+    router.replace(
+      `${pathname}?${createQueryString('drinkInfoSortOption', value)}`,
+    );
   };
 
-  const drinkVoteSortOption = searchParams.get("drinkVoteSortOption") ?? "ByPopularity";
+  const drinkVoteSortOption =
+    searchParams.get('drinkVoteSortOption') ?? 'ByPopularity';
   const onChangeDrinkVoteSortOption = (value: VoteSortType) => {
-    router.replace(`${pathname  }?${  createQueryString("drinkVoteSortOption", value)}`);
+    router.replace(
+      `${pathname}?${createQueryString('drinkVoteSortOption', value)}`,
+    );
   };
 
-  const regionOption = searchParams.get("regionOption") ?? "";
+  const regionOption = searchParams.get('regionOption') ?? '';
   const onChangeRegionOption = (value: RegionType) => {
-    router.replace(`${pathname  }?${  createQueryString("regionOption", value)}`);
+    router.replace(`${pathname}?${createQueryString('regionOption', value)}`);
   };
 
   const isSelectedTab = (tabName: TabList) => {
@@ -94,14 +100,16 @@ function SearchContainer() {
             searchText={searchText}
             sortOption={drinkInfoSortOption}
             regionOption={regionOption}
-            isSelectedTab={isSelectedTab("total")}
+            isSelectedTab={isSelectedTab('total')}
           />
           <MoreButton
             variant="outline"
             width="100%"
             height="48px"
             value="drinkInfo"
-            onClick={(e) => onClickSelectedTab(e.currentTarget.value as TabList)}
+            onClick={(e) =>
+              onClickSelectedTab(e.currentTarget.value as TabList)
+            }
           >
             우리술 정보 더보기
           </MoreButton>
@@ -114,14 +122,16 @@ function SearchContainer() {
             searchText={searchText}
             sortOption={drinkVoteSortOption}
             regionOption={regionOption}
-            isSelectedTab={isSelectedTab("total")}
+            isSelectedTab={isSelectedTab('total')}
           />
           <MoreButton
             variant="outline"
             width="100%"
             height="48px"
             value="drinkVote"
-            onClick={(e) => onClickSelectedTab(e.currentTarget.value as TabList)}
+            onClick={(e) =>
+              onClickSelectedTab(e.currentTarget.value as TabList)
+            }
           >
             우리술 투표 더보기
           </MoreButton>
@@ -171,13 +181,14 @@ function SearchContainer() {
             searchText={searchText}
             sortOption={drinkVoteSortOption}
             regionOption={regionOption}
-            isSelectedTab={isSelectedTab("total")}
+            isSelectedTab={isSelectedTab('total')}
           />
         </>
       ),
     },
   };
-  const { topSectionItem, bottomSectionItem } = renderItem[selectedTab as TabList];
+  const { topSectionItem, bottomSectionItem } =
+    renderItem[selectedTab as TabList];
 
   return (
     <>
@@ -192,7 +203,9 @@ function SearchContainer() {
               key={`tab_${id}`}
               value={id}
               selected={id === selectedTab}
-              onClick={(e) => onClickSelectedTab(e.currentTarget.value as TabList)}
+              onClick={(e) =>
+                onClickSelectedTab(e.currentTarget.value as TabList)
+              }
             >
               {name}
             </SelectedButton>
@@ -200,7 +213,7 @@ function SearchContainer() {
         </TabBox>
         {topSectionItem}
       </TopSection>
-      {isSelectedTab("total") && <DivideLine />}
+      {isSelectedTab('total') && <DivideLine />}
       <BottomSection>{bottomSectionItem}</BottomSection>
       <BottomBar />
     </>
@@ -222,7 +235,10 @@ const TabBox = styled.ul`
   margin-top: 8px;
 `;
 
-const SelectedButton = styled.button<{ theme: DefaultTheme; selected: boolean }>`
+const SelectedButton = styled.button<{
+  theme: DefaultTheme;
+  selected: boolean;
+}>`
   ${({ theme, selected }) =>
     css`
       ${theme.typography.body02};
diff --git a/apps/jurumarble/src/app/search/components/SortSelect.tsx b/apps/jurumarble/src/app/search/components/SortSelect.tsx
index 9bbfae5e..71800e29 100644
--- a/apps/jurumarble/src/app/search/components/SortSelect.tsx
+++ b/apps/jurumarble/src/app/search/components/SortSelect.tsx
@@ -1,7 +1,7 @@
-import { useToggle } from "@monorepo/hooks";
-import { Select } from "components/selectBox";
-import SvgIcExpandMore from "src/assets/icons/components/IcExpandMore";
-import styled, { css } from "styled-components";
+import { useToggle } from '@monorepo/hooks';
+import { Select } from 'components/selectBox';
+import SvgIcExpandMore from 'src/assets/icons/components/IcExpandMore';
+import styled, { css } from 'styled-components';
 
 interface Props {
   defaultOption: string;
@@ -39,7 +39,7 @@ const SelectStyled = styled.span<{ isOpen: boolean }>`
       padding: 10px 12px;
     }
     svg {
-      ${isOpen && "transform: rotateX( 180deg )"}
+      ${isOpen && 'transform: rotateX( 180deg )'}
     }
     #select-list {
       width: 100px;
diff --git a/apps/jurumarble/src/app/search/components/VoteDescription.tsx b/apps/jurumarble/src/app/search/components/VoteDescription.tsx
index 49f36059..b49a8b61 100644
--- a/apps/jurumarble/src/app/search/components/VoteDescription.tsx
+++ b/apps/jurumarble/src/app/search/components/VoteDescription.tsx
@@ -1,5 +1,5 @@
-import Image, { StaticImageData } from "next/image";
-import styled from "styled-components";
+import Image, { StaticImageData } from 'next/image';
+import styled from 'styled-components';
 
 interface Props {
   imageA: string | StaticImageData;
diff --git a/apps/jurumarble/src/app/search/page.tsx b/apps/jurumarble/src/app/search/page.tsx
index 0c718957..55e8f604 100644
--- a/apps/jurumarble/src/app/search/page.tsx
+++ b/apps/jurumarble/src/app/search/page.tsx
@@ -1,6 +1,6 @@
-"use client";
+'use client';
 
-import SearchContainer from "./components/SearchContainer";
+import SearchContainer from './components/SearchContainer';
 
 function Search() {
   return <SearchContainer />;
diff --git a/apps/jurumarble/src/app/search/services/useGetDrinkList.ts b/apps/jurumarble/src/app/search/services/useGetDrinkList.ts
index 37529d40..b97cc866 100644
--- a/apps/jurumarble/src/app/search/services/useGetDrinkList.ts
+++ b/apps/jurumarble/src/app/search/services/useGetDrinkList.ts
@@ -1,9 +1,12 @@
-import { useInfiniteScroll } from "@monorepo/hooks";
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { getDrinkList } from "lib/apis/drink";
-import { queryKeys } from "lib/queryKeys";
+import { useInfiniteScroll } from '@monorepo/hooks';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getDrinkList } from 'lib/apis/drink';
+import { queryKeys } from 'lib/queryKeys';
 
-type SearchDrinkServiceProps = Exclude<Parameters<typeof getDrinkList>[0], undefined>;
+type SearchDrinkServiceProps = Exclude<
+  Parameters<typeof getDrinkList>[0],
+  undefined
+>;
 
 const getQueryKey = (params: SearchDrinkServiceProps) => [
   queryKeys.SEARCH_DRINK_LIST,
@@ -20,7 +23,9 @@ export default function useGetDrinkList(params: SearchDrinkServiceProps) {
       }),
     {
       getNextPageParam: ({ last, number }) => {
-        if (last) {return undefined;}
+        if (last) {
+          return undefined;
+        }
         return {
           page: number + 1,
         };
diff --git a/apps/jurumarble/src/app/search/services/useVoteDrinkService.ts b/apps/jurumarble/src/app/search/services/useVoteDrinkService.ts
index 22176a16..51e650e8 100644
--- a/apps/jurumarble/src/app/search/services/useVoteDrinkService.ts
+++ b/apps/jurumarble/src/app/search/services/useVoteDrinkService.ts
@@ -1,16 +1,21 @@
-import { useInfiniteScroll } from "@monorepo/hooks";
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { getVoteDrinkList } from "lib/apis/vote";
-import { queryKeys } from "lib/queryKeys";
+import { useInfiniteScroll } from '@monorepo/hooks';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getVoteDrinkList } from 'lib/apis/vote';
+import { queryKeys } from 'lib/queryKeys';
 
-type SearchVoteDrinkServiceProps = Exclude<Parameters<typeof getVoteDrinkList>[0], undefined>;
+type SearchVoteDrinkServiceProps = Exclude<
+  Parameters<typeof getVoteDrinkList>[0],
+  undefined
+>;
 
 const getQueryKey = (params: SearchVoteDrinkServiceProps) => [
   queryKeys.SEARCH_VOTE_DRINK_LIST,
   { ...params },
 ];
 
-export default function useVoteDrinkService(params: SearchVoteDrinkServiceProps) {
+export default function useVoteDrinkService(
+  params: SearchVoteDrinkServiceProps,
+) {
   const { data, fetchNextPage } = useInfiniteQuery(
     getQueryKey(params),
     ({ pageParam }) =>
@@ -20,7 +25,9 @@ export default function useVoteDrinkService(params: SearchVoteDrinkServiceProps)
       }),
     {
       getNextPageParam: ({ last, number }) => {
-        if (last) {return undefined;}
+        if (last) {
+          return undefined;
+        }
         return {
           page: number + 1,
         };
diff --git a/apps/jurumarble/src/app/stamp/components/DrinkItem.tsx b/apps/jurumarble/src/app/stamp/components/DrinkItem.tsx
index 2a26b46d..fff96f14 100644
--- a/apps/jurumarble/src/app/stamp/components/DrinkItem.tsx
+++ b/apps/jurumarble/src/app/stamp/components/DrinkItem.tsx
@@ -1,9 +1,9 @@
-import { transitions } from "lib/styles";
-import Image from "next/image";
-import useDrinkStampService from "services/useDrinkStampService";
-import SvgStamp from "src/assets/icons/components/IcStamp";
-import { DrinkInfo } from "src/types/drink";
-import styled, { css, useTheme } from "styled-components";
+import { transitions } from 'lib/styles';
+import Image from 'next/image';
+import useDrinkStampService from 'services/useDrinkStampService';
+import SvgStamp from 'src/assets/icons/components/IcStamp';
+import { DrinkInfo } from 'src/types/drink';
+import styled, { css, useTheme } from 'styled-components';
 
 interface Props {
   drinkInfo:
@@ -18,7 +18,11 @@ interface Props {
   selectedDrinkList?: string[];
 }
 
-function DrinkItem({ drinkInfo, onClickReplaceDrinkInfo, selectedDrinkList }: Props) {
+function DrinkItem({
+  drinkInfo,
+  onClickReplaceDrinkInfo,
+  selectedDrinkList,
+}: Props) {
   const { id, name, manufacturer, image } = drinkInfo;
 
   const { colors } = useTheme();
@@ -34,7 +38,13 @@ function DrinkItem({ drinkInfo, onClickReplaceDrinkInfo, selectedDrinkList }: Pr
       selected={selectedDrinkList?.includes(name)}
     >
       <ImageWrapper>
-        <Image alt={name} src={image} width={88} height={88} style={{ borderRadius: "10px" }} />
+        <Image
+          alt={name}
+          src={image}
+          width={88}
+          height={88}
+          style={{ borderRadius: '10px' }}
+        />
       </ImageWrapper>
       <InfoContainer>
         <NameStampContainer>
@@ -56,7 +66,8 @@ function DrinkItem({ drinkInfo, onClickReplaceDrinkInfo, selectedDrinkList }: Pr
 
 const Container = styled.button<{ selected: boolean | undefined }>`
   display: flex;
-  box-shadow: 0px 2px 8px 0px rgba(235, 235, 235, 0.4), 0px 8px 20px 0px rgba(235, 235, 235, 0.4);
+  box-shadow: 0px 2px 8px 0px rgba(235, 235, 235, 0.4),
+    0px 8px 20px 0px rgba(235, 235, 235, 0.4);
   height: 120px;
   padding: 16px;
   border-radius: 16px;
diff --git a/apps/jurumarble/src/app/stamp/components/DrinkStampContainer.tsx b/apps/jurumarble/src/app/stamp/components/DrinkStampContainer.tsx
index e97267d1..ac0a9d3c 100644
--- a/apps/jurumarble/src/app/stamp/components/DrinkStampContainer.tsx
+++ b/apps/jurumarble/src/app/stamp/components/DrinkStampContainer.tsx
@@ -1,11 +1,11 @@
-import { useState } from "react";
+import { useState } from 'react';
 
-import MyEnjoiedDrinkInfoSection from "./MyEnjoiedDrinkInfoSection";
-import StampedDrinkList from "./StampedDrinkList";
-import useDrinkStampService from "../service/useDrinkStampListService";
+import MyEnjoiedDrinkInfoSection from './MyEnjoiedDrinkInfoSection';
+import StampedDrinkList from './StampedDrinkList';
+import useDrinkStampService from '../service/useDrinkStampListService';
 
 function DrinkStampContainer() {
-  const [regionOption, setRegionOption] = useState("");
+  const [regionOption, setRegionOption] = useState('');
   const onChangeRegionOption = (value: string) => {
     setRegionOption(value);
   };
@@ -18,7 +18,9 @@ function DrinkStampContainer() {
 
   return (
     <>
-      <MyEnjoiedDrinkInfoSection numberOfStampedDrinks={numberOfStampedDrinks} />
+      <MyEnjoiedDrinkInfoSection
+        numberOfStampedDrinks={numberOfStampedDrinks}
+      />
       <StampedDrinkList
         regionOption={regionOption}
         onChangeRegionOption={onChangeRegionOption}
diff --git a/apps/jurumarble/src/app/stamp/components/MyEnjoiedDrinkInfoSection.tsx b/apps/jurumarble/src/app/stamp/components/MyEnjoiedDrinkInfoSection.tsx
index 75358813..cfeca0db 100644
--- a/apps/jurumarble/src/app/stamp/components/MyEnjoiedDrinkInfoSection.tsx
+++ b/apps/jurumarble/src/app/stamp/components/MyEnjoiedDrinkInfoSection.tsx
@@ -1,6 +1,6 @@
-import Image from "next/image";
-import { DrinkImage } from "public/images";
-import styled, { css } from "styled-components";
+import Image from 'next/image';
+import { DrinkImage } from 'public/images';
+import styled, { css } from 'styled-components';
 
 interface Props {
   numberOfStampedDrinks: number;
@@ -20,7 +20,7 @@ function MyEnjoiedDrinkInfoSection({ numberOfStampedDrinks }: Props) {
       <Image
         alt="전통주"
         src={DrinkImage}
-        style={{ width: "53px", height: "53px", borderRadius: "100px" }}
+        style={{ width: '53px', height: '53px', borderRadius: '100px' }}
       />
     </Section>
   );
diff --git a/apps/jurumarble/src/app/stamp/components/RegionSelect.tsx b/apps/jurumarble/src/app/stamp/components/RegionSelect.tsx
index 7cdddf82..3872a756 100644
--- a/apps/jurumarble/src/app/stamp/components/RegionSelect.tsx
+++ b/apps/jurumarble/src/app/stamp/components/RegionSelect.tsx
@@ -1,9 +1,9 @@
-import { useId } from "react";
+import { useId } from 'react';
 
-import { useOutsideClick, useToggle } from "@monorepo/hooks";
-import { REGION_LIST } from "lib/constants";
-import { SvgArrowDown } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+import { useOutsideClick, useToggle } from '@monorepo/hooks';
+import { REGION_LIST } from 'lib/constants';
+import { SvgArrowDown } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
 interface Props {
   regionOption: string;
@@ -11,7 +11,7 @@ interface Props {
 }
 
 const COPIED_REGION_LIST = [
-  { value: "", label: "지역을 선택해주세요.", lat: 0, long: 0 },
+  { value: '', label: '지역을 선택해주세요.', lat: 0, long: 0 },
   ...REGION_LIST,
 ];
 
@@ -32,7 +32,10 @@ function RegionSelect({ regionOption, onChangeRegionOption }: Props) {
           onClick={onToggleOpen}
         >
           <SelectedText className="selected-label">
-            {COPIED_REGION_LIST.find(({ value }) => value === regionOption)?.label}
+            {
+              COPIED_REGION_LIST.find(({ value }) => value === regionOption)
+                ?.label
+            }
             <span id="indicator">
               <SvgArrowDown width={24} height={24} />
             </span>
@@ -80,7 +83,7 @@ const SelectStyled = styled.div<{ isOpen: boolean }>`
       color: ${theme.colors.black_01};
     }
     svg {
-      ${isOpen && "transform: rotateX( 180deg )"}
+      ${isOpen && 'transform: rotateX( 180deg )'}
     }
   `}
 `;
diff --git a/apps/jurumarble/src/app/stamp/components/StampedDrinkList.tsx b/apps/jurumarble/src/app/stamp/components/StampedDrinkList.tsx
index 471f793b..0d99b362 100644
--- a/apps/jurumarble/src/app/stamp/components/StampedDrinkList.tsx
+++ b/apps/jurumarble/src/app/stamp/components/StampedDrinkList.tsx
@@ -1,10 +1,10 @@
-import Path from "lib/Path";
-import { useRouter } from "next/navigation";
-import { DrinkInfo } from "src/types/drink";
-import styled from "styled-components";
+import Path from 'lib/Path';
+import { useRouter } from 'next/navigation';
+import { DrinkInfo } from 'src/types/drink';
+import styled from 'styled-components';
 
-import DrinkItem from "./DrinkItem";
-import RegionSelect from "./RegionSelect";
+import DrinkItem from './DrinkItem';
+import RegionSelect from './RegionSelect';
 
 interface Props {
   regionOption: string;
@@ -12,18 +12,27 @@ interface Props {
   drinkList: DrinkInfo[];
 }
 
-function StampedDrinkList({ regionOption, onChangeRegionOption, drinkList }: Props) {
+function StampedDrinkList({
+  regionOption,
+  onChangeRegionOption,
+  drinkList,
+}: Props) {
   const router = useRouter();
 
   return (
     <Container>
-      <RegionSelect regionOption={regionOption} onChangeRegionOption={onChangeRegionOption} />
+      <RegionSelect
+        regionOption={regionOption}
+        onChangeRegionOption={onChangeRegionOption}
+      />
       <DrinkList>
         {drinkList.map((drink) => (
           <DrinkItem
             key={drink.id}
             drinkInfo={drink}
-            onClickReplaceDrinkInfo={() => router.push(`${Path.DRINK_INFO_PAGE}/${drink.id}`)}
+            onClickReplaceDrinkInfo={() =>
+              router.push(`${Path.DRINK_INFO_PAGE}/${drink.id}`)
+            }
           />
         ))}
       </DrinkList>
diff --git a/apps/jurumarble/src/app/stamp/page.tsx b/apps/jurumarble/src/app/stamp/page.tsx
index 0c8cc5df..60c3be40 100644
--- a/apps/jurumarble/src/app/stamp/page.tsx
+++ b/apps/jurumarble/src/app/stamp/page.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import BottomBar from "components/BottomBar";
-import Header from "components/Header";
+import BottomBar from 'components/BottomBar';
+import Header from 'components/Header';
 
-import DrinkStampContainer from "./components/DrinkStampContainer";
+import DrinkStampContainer from './components/DrinkStampContainer';
 
 function StampPage() {
   return (
diff --git a/apps/jurumarble/src/app/stamp/service/useDrinkStampListService.ts b/apps/jurumarble/src/app/stamp/service/useDrinkStampListService.ts
index 30db358a..11018a63 100644
--- a/apps/jurumarble/src/app/stamp/service/useDrinkStampListService.ts
+++ b/apps/jurumarble/src/app/stamp/service/useDrinkStampListService.ts
@@ -1,9 +1,12 @@
-import { useInfiniteScroll } from "@monorepo/hooks";
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { getEnjoyedDrinkList } from "lib/apis/drink";
-import { queryKeys } from "lib/queryKeys";
+import { useInfiniteScroll } from '@monorepo/hooks';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getEnjoyedDrinkList } from 'lib/apis/drink';
+import { queryKeys } from 'lib/queryKeys';
 
-type DrinkStampListProps = Exclude<Parameters<typeof getEnjoyedDrinkList>[0], undefined>;
+type DrinkStampListProps = Exclude<
+  Parameters<typeof getEnjoyedDrinkList>[0],
+  undefined
+>;
 
 const getDrinkListQueryKey = (params: DrinkStampListProps) => [
   queryKeys.DRINK_STAMP_LIST,
@@ -20,7 +23,9 @@ export default function useDrinkStampListService(params: DrinkStampListProps) {
       }),
     {
       getNextPageParam: ({ last, number }) => {
-        if (last) {return undefined;}
+        if (last) {
+          return undefined;
+        }
         return {
           page: number + 1,
         };
diff --git a/apps/jurumarble/src/app/test/page.tsx b/apps/jurumarble/src/app/test/page.tsx
index 11f92c7b..a8fd8882 100644
--- a/apps/jurumarble/src/app/test/page.tsx
+++ b/apps/jurumarble/src/app/test/page.tsx
@@ -1,11 +1,11 @@
-"use client";
+'use client';
 
-import { useEffect } from "react";
+import { useEffect } from 'react';
 
-import Path from "lib/Path";
-import { getTestUserAPI, getUserInfoAPI } from "lib/apis/user";
-import userStorage from "lib/utils/userStorage";
-import { useRouter } from "next/navigation";
+import Path from 'lib/Path';
+import { getTestUserAPI, getUserInfoAPI } from 'lib/apis/user';
+import userStorage from 'lib/utils/userStorage';
+import { useRouter } from 'next/navigation';
 
 // const getQuery = [queryKeys.LOGIN_INFO];
 
@@ -31,7 +31,7 @@ function TestPage() {
           router.push(Path.REGISTER_PAGE);
         }
       } catch (error) {
-        alert("에러가 발생하였습니다.");
+        alert('에러가 발생하였습니다.');
       }
     };
     testUserLogin();
@@ -42,7 +42,7 @@ function TestPage() {
     //     router.replace(Path.REGISTER_PAGE);
     //   }
     // }
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   return <>잠시만 기다려주십시오.</>;
diff --git a/apps/jurumarble/src/app/vote/[id]/components/AlcholLevelTag.tsx b/apps/jurumarble/src/app/vote/[id]/components/AlcholLevelTag.tsx
index ca79bcf7..f959f9e2 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/AlcholLevelTag.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/AlcholLevelTag.tsx
@@ -1,5 +1,5 @@
-import { convertLevel } from "lib/utils/formatUserInfo";
-import styled from "styled-components";
+import { convertLevel } from 'lib/utils/formatUserInfo';
+import styled from 'styled-components';
 
 interface Props {
   alchol: string;
@@ -17,19 +17,19 @@ const Tag = styled.div<{ alchol: string }>`
 
   ${({ alchol }) => {
     switch (alchol) {
-      case "LOW":
+      case 'LOW':
         return `
         border: 1px solid #ebaf3c;
         background: rgba(255, 207, 83, 0.5);
         color: #ff8f0c;
         `;
-      case "MEDIUM":
+      case 'MEDIUM':
         return `
         border: 1px solid #04B014;
         background: rgba(100, 176, 4, 0.50);
         color: #00830C;
         `;
-      case "HIGH":
+      case 'HIGH':
         return `
         border: 1px solid var(--System_Red, #BC0F04);
         background: rgba(255, 88, 88, 0.50);
diff --git a/apps/jurumarble/src/app/vote/[id]/components/ChipContainer.tsx b/apps/jurumarble/src/app/vote/[id]/components/ChipContainer.tsx
index 4206dc4f..60f2f862 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/ChipContainer.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/ChipContainer.tsx
@@ -1,20 +1,20 @@
-import { useOutsideClick, useToggle } from "@monorepo/hooks";
-import { UseMutateFunction } from "@tanstack/react-query";
-import ModifyDeleteButtonBox from "app/vote/components/MenuBox";
-import NonWriterBox from "app/vote/components/NonWriterBox";
-import Chip from "components/Chip";
-import Path from "lib/Path";
-import { AorB } from "lib/apis/vote";
-import { formatDate } from "lib/utils/formatDate";
-import { useRouter } from "next/navigation";
-import useGetUserInfo from "services/useGetUserInfo";
-import SvgIcBookmark from "src/assets/icons/components/IcBookmark";
-import SvgIcBookmarkActive from "src/assets/icons/components/IcBookmarkActive";
-import SvgIcMenu from "src/assets/icons/components/IcMenu";
-import styled from "styled-components";
+import { useOutsideClick, useToggle } from '@monorepo/hooks';
+import { UseMutateFunction } from '@tanstack/react-query';
+import ModifyDeleteButtonBox from 'app/vote/components/MenuBox';
+import NonWriterBox from 'app/vote/components/NonWriterBox';
+import Chip from 'components/Chip';
+import Path from 'lib/Path';
+import { AorB } from 'lib/apis/vote';
+import { formatDate } from 'lib/utils/formatDate';
+import { useRouter } from 'next/navigation';
+import useGetUserInfo from 'services/useGetUserInfo';
+import SvgIcBookmark from 'src/assets/icons/components/IcBookmark';
+import SvgIcBookmarkActive from 'src/assets/icons/components/IcBookmarkActive';
+import SvgIcMenu from 'src/assets/icons/components/IcMenu';
+import styled from 'styled-components';
 
-import useVoteDeleteService from "../services/useVoteDeleteService";
-import useVoteReportService from "../services/useVoteReportService";
+import useVoteDeleteService from '../services/useVoteDeleteService';
+import useVoteReportService from '../services/useVoteReportService';
 
 interface Props {
   title: string;
@@ -44,7 +44,10 @@ const ChipContainer = ({
   const router = useRouter();
   const [toggleMenu, onToggleMenu] = useToggle();
   const [toggleNonWriterMenu, onToggleNonWriterMenu] = useToggle();
-  const { targetEl } = useOutsideClick<HTMLDivElement>(toggleMenu, onToggleMenu);
+  const { targetEl } = useOutsideClick<HTMLDivElement>(
+    toggleMenu,
+    onToggleMenu,
+  );
   const { targetEl: targetEl2 } = useOutsideClick<HTMLDivElement>(
     toggleNonWriterMenu,
     onToggleNonWriterMenu,
@@ -60,11 +63,19 @@ const ChipContainer = ({
         <FlexRow>
           {isBookmark ? (
             <SVGWrapper>
-              <SvgIcBookmarkActive width={26} height={26} onClick={() => mutateBookMark()} />
+              <SvgIcBookmarkActive
+                width={26}
+                height={26}
+                onClick={() => mutateBookMark()}
+              />
             </SVGWrapper>
           ) : (
             <SVGWrapper>
-              <SvgIcBookmark width={20} height={20} onClick={() => mutateBookMark()} />
+              <SvgIcBookmark
+                width={20}
+                height={20}
+                onClick={() => mutateBookMark()}
+              />
             </SVGWrapper>
           )}
 
@@ -97,7 +108,7 @@ const ChipContainer = ({
           top="70px"
           right="41px"
           onDelete={() => {
-            if (confirm("정말 삭제하시겠습니까?")) {
+            if (confirm('정말 삭제하시겠습니까?')) {
               onDelete();
             }
           }}
diff --git a/apps/jurumarble/src/app/vote/[id]/components/Comment.tsx b/apps/jurumarble/src/app/vote/[id]/components/Comment.tsx
index 54f8c9ae..6a2e1d0f 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/Comment.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/Comment.tsx
@@ -1,26 +1,30 @@
-import React, { useEffect, useMemo, useState } from "react";
+import React, { useEffect, useMemo, useState } from 'react';
 
-import { useOutsideClick, useToggle } from "@monorepo/hooks";
-import ModifyDeleteButtonBox from "app/vote/components/MenuBox";
-import NonWriterBox from "app/vote/components/NonWriterBox";
-import { Button } from "components/button";
-import { convertAge, convertGender } from "lib/utils/formatUserInfo";
-import Image from "next/image";
-import { DrinkCapacityHigh, DrinkCapacityLow, DrinkCapacityMedium } from "public/images";
-import { toast } from "react-toastify";
-import useGetUserInfo from "services/useGetUserInfo";
-import { SvgIcMapPin } from "src/assets/icons/components";
-import SvgIcMenu from "src/assets/icons/components/IcMenu";
-import styled, { css } from "styled-components";
+import { useOutsideClick, useToggle } from '@monorepo/hooks';
+import ModifyDeleteButtonBox from 'app/vote/components/MenuBox';
+import NonWriterBox from 'app/vote/components/NonWriterBox';
+import { Button } from 'components/button';
+import { convertAge, convertGender } from 'lib/utils/formatUserInfo';
+import Image from 'next/image';
+import {
+  DrinkCapacityHigh,
+  DrinkCapacityLow,
+  DrinkCapacityMedium,
+} from 'public/images';
+import { toast } from 'react-toastify';
+import useGetUserInfo from 'services/useGetUserInfo';
+import { SvgIcMapPin } from 'src/assets/icons/components';
+import SvgIcMenu from 'src/assets/icons/components/IcMenu';
+import styled, { css } from 'styled-components';
 
-import AlcholLevelTag from "./AlcholLevelTag";
-import CommentPutForm from "./CommentPutForm";
-import SearchRestaurantModal from "./SearchRestaurantModal";
-import useCommentDeleteService from "../services/useCommentDeleteService";
-import useCommentReportService from "../services/useCommentReportService";
+import AlcholLevelTag from './AlcholLevelTag';
+import CommentPutForm from './CommentPutForm';
+import SearchRestaurantModal from './SearchRestaurantModal';
+import useCommentDeleteService from '../services/useCommentDeleteService';
+import useCommentReportService from '../services/useCommentReportService';
 
 interface Props {
-  voteType: "drinks" | "votes";
+  voteType: 'drinks' | 'votes';
   postId: number;
   comment: {
     id: number;
@@ -65,15 +69,22 @@ function Comment({ comment, mutateLike, mutateHate, voteType, postId }: Props) {
 
   const [toggleMenu, onToggleMenu] = useToggle(false);
   const [toggleNonWriterMenu, onToggleNonWriterMenu] = useToggle(false);
-  const { targetEl } = useOutsideClick<HTMLButtonElement>(toggleMenu, onToggleMenu);
+  const { targetEl } = useOutsideClick<HTMLButtonElement>(
+    toggleMenu,
+    onToggleMenu,
+  );
   const { targetEl: targetEl2 } = useOutsideClick<HTMLButtonElement>(
     toggleNonWriterMenu,
     onToggleNonWriterMenu,
   );
-  const { onDelete, onPutComment } = useCommentDeleteService(voteType, postId, id);
+  const { onDelete, onPutComment } = useCommentDeleteService(
+    voteType,
+    postId,
+    id,
+  );
 
   const [isModifying, setIsModifying] = useState(false);
-  const [commentForm, setCommentForm] = useState("");
+  const [commentForm, setCommentForm] = useState('');
   const onChangeCommentForm = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
     setCommentForm(e.target.value);
   };
@@ -84,15 +95,15 @@ function Comment({ comment, mutateLike, mutateHate, voteType, postId }: Props) {
 
   useEffect(() => {
     setCommentForm(content);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [comment]);
   const [isSearchRestaurantModal, onToggleSearchRestaurantModal] = useToggle();
 
   const EmptyImage = useMemo(() => {
-    if (alcoholLimitType === "LOW") {
+    if (alcoholLimitType === 'LOW') {
       return DrinkCapacityLow;
     }
-    if (alcoholLimitType === "MEDIUM") {
+    if (alcoholLimitType === 'MEDIUM') {
       return DrinkCapacityMedium;
     }
     return DrinkCapacityHigh;
@@ -106,8 +117,8 @@ function Comment({ comment, mutateLike, mutateHate, voteType, postId }: Props) {
         width={40}
         height={40}
         style={{
-          borderRadius: "8px",
-          marginRight: "10px",
+          borderRadius: '8px',
+          marginRight: '10px',
         }}
       />
       <ContentsBox>
@@ -169,13 +180,13 @@ function Comment({ comment, mutateLike, mutateHate, voteType, postId }: Props) {
             <Contents>{content}</Contents>
             {restaurant ? (
               <>
-                {restaurant.restaurantImage !== "nonSelect" && (
+                {restaurant.restaurantImage !== 'nonSelect' && (
                   <RestaurantImage>
                     <Image
                       src={restaurant.restaurantImage}
                       alt="음식 이미지"
                       fill
-                      style={{ borderRadius: "4px" }}
+                      style={{ borderRadius: '4px' }}
                       objectFit="cover"
                     />
                   </RestaurantImage>
@@ -185,7 +196,7 @@ function Comment({ comment, mutateLike, mutateHate, voteType, postId }: Props) {
                   {restaurant.restaurantName}
                 </RestaurantNameBox>
               </>
-            ) : userInfo?.userId === userId && voteType !== "drinks" ? (
+            ) : userInfo?.userId === userId && voteType !== 'drinks' ? (
               <AddRestaurants>
                 <Button
                   variant="outline"
@@ -199,9 +210,13 @@ function Comment({ comment, mutateLike, mutateHate, voteType, postId }: Props) {
             ) : null}
             <CommentInfo>
               <div>{createdDate.slice(0, 10)}</div>・
-              <InteractionButton onClick={mutateLike}>❤️ 좋아요 {likeCount ?? 0}</InteractionButton>{" "}
+              <InteractionButton onClick={mutateLike}>
+                ❤️ 좋아요 {likeCount ?? 0}
+              </InteractionButton>{' '}
               ・
-              <InteractionButton onClick={mutateHate}>🖤 싫어요 {hateCount ?? 0}</InteractionButton>{" "}
+              <InteractionButton onClick={mutateHate}>
+                🖤 싫어요 {hateCount ?? 0}
+              </InteractionButton>{' '}
             </CommentInfo>
           </>
         )}
@@ -217,8 +232,8 @@ function Comment({ comment, mutateLike, mutateHate, voteType, postId }: Props) {
         <NonWriterBox
           onCopy={() => {
             navigator.clipboard.writeText(content);
-            toast("복사되었어요!", {
-              toastId: "copy",
+            toast('복사되었어요!', {
+              toastId: 'copy',
             });
             onToggleNonWriterMenu();
           }}
diff --git a/apps/jurumarble/src/app/vote/[id]/components/CommentContainer.tsx b/apps/jurumarble/src/app/vote/[id]/components/CommentContainer.tsx
index 20e55acd..f2631982 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/CommentContainer.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/CommentContainer.tsx
@@ -1,14 +1,14 @@
-import { useState } from "react";
+import { useState } from 'react';
 
-import { useQueryClient } from "@tanstack/react-query";
-import { queryKeys } from "lib/queryKeys";
-import styled from "styled-components";
+import { useQueryClient } from '@tanstack/react-query';
+import { queryKeys } from 'lib/queryKeys';
+import styled from 'styled-components';
 
 // import useCommentFilter from "../hooks/useCommentFilter";
-import Comment from "./Comment";
-import CommentForm from "./CommentForm";
-import CommentToolBar from "./CommentToolbar";
-import useCommentServices from "../services/useCommentServices";
+import Comment from './Comment';
+import CommentForm from './CommentForm';
+import CommentToolBar from './CommentToolbar';
+import useCommentServices from '../services/useCommentServices';
 
 interface Props {
   postId: number;
@@ -16,16 +16,22 @@ interface Props {
 
 function CommentContainer({ postId }: Props) {
   const queryClient = useQueryClient();
-  const [sortBy, setSortBy] = useState<"ByTime" | "ByPopularity">("ByTime");
-  const onChangeFilter = (sort: "ByTime" | "ByPopularity") => {
+  const [sortBy, setSortBy] = useState<'ByTime' | 'ByPopularity'>('ByTime');
+  const onChangeFilter = (sort: 'ByTime' | 'ByPopularity') => {
     setSortBy(sort);
   };
 
   // const { commentFilter, onChangeCommentFilter } = useCommentFilter();
-  const { comments, isError, isLoading, mutateHate, mutateLike, mutateComment } =
-    useCommentServices(postId, sortBy, "votes");
+  const {
+    comments,
+    isError,
+    isLoading,
+    mutateHate,
+    mutateLike,
+    mutateComment,
+  } = useCommentServices(postId, sortBy, 'votes');
 
-  const [commentForm, setCommentForm] = useState("");
+  const [commentForm, setCommentForm] = useState('');
   const onChangeCommentForm = (e: React.ChangeEvent<HTMLInputElement>) => {
     setCommentForm(e.target.value);
   };
@@ -38,7 +44,7 @@ function CommentContainer({ postId }: Props) {
       {
         onSuccess: () => {
           queryClient.invalidateQueries([queryKeys.DETAIL_COMMENT_LIST]);
-          setCommentForm("");
+          setCommentForm('');
         },
       },
     );
diff --git a/apps/jurumarble/src/app/vote/[id]/components/CommentDeleteModal.tsx b/apps/jurumarble/src/app/vote/[id]/components/CommentDeleteModal.tsx
index ebcb5216..4469f141 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/CommentDeleteModal.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/CommentDeleteModal.tsx
@@ -1,5 +1,5 @@
-import { Button, ModalTemplate } from "components/index";
-import styled from "styled-components";
+import { Button, ModalTemplate } from 'components/index';
+import styled from 'styled-components';
 
 interface Props {
   onToggleModal: () => void;
@@ -16,10 +16,20 @@ function CommentDeleteModal({ onToggleModal, onSubmit }: Props) {
       <GuideText>정말로 삭제하시겠습니까?</GuideText>
       <DetailText>댓글은 삭제후 다시 복구할 수 없습니다.</DetailText>
       <ButtonWrapper>
-        <Button width="156px" height="48px" borderRadius="0 0 0 4px" onClick={onToggleModal}>
+        <Button
+          width="156px"
+          height="48px"
+          borderRadius="0 0 0 4px"
+          onClick={onToggleModal}
+        >
           취소
         </Button>
-        <Button width="156px" height="48px" borderRadius="0 0 4px 0" onClick={onClickDelete}>
+        <Button
+          width="156px"
+          height="48px"
+          borderRadius="0 0 4px 0"
+          onClick={onClickDelete}
+        >
           확인
         </Button>
       </ButtonWrapper>
diff --git a/apps/jurumarble/src/app/vote/[id]/components/CommentForm.tsx b/apps/jurumarble/src/app/vote/[id]/components/CommentForm.tsx
index 8ea1626e..cba97892 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/CommentForm.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/CommentForm.tsx
@@ -1,7 +1,7 @@
 // import { Input } from "@monorepo/ui";
-import React from "react";
+import React from 'react';
 
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface Props {
   commentForm: string;
@@ -9,7 +9,11 @@ interface Props {
   onSubmitComment(): void;
 }
 
-function CommentForm({ commentForm, onChangeCommentForm, onSubmitComment }: Props) {
+function CommentForm({
+  commentForm,
+  onChangeCommentForm,
+  onSubmitComment,
+}: Props) {
   const onSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     onSubmitComment();
@@ -18,7 +22,11 @@ function CommentForm({ commentForm, onChangeCommentForm, onSubmitComment }: Prop
   return (
     <Container>
       <Form onSubmit={onSubmit}>
-        <Input placeholder="댓글을 남겨주세요" value={commentForm} onChange={onChangeCommentForm} />
+        <Input
+          placeholder="댓글을 남겨주세요"
+          value={commentForm}
+          onChange={onChangeCommentForm}
+        />
         <SubmitButton type="submit">등록</SubmitButton>
       </Form>
     </Container>
diff --git a/apps/jurumarble/src/app/vote/[id]/components/CommentPutForm.tsx b/apps/jurumarble/src/app/vote/[id]/components/CommentPutForm.tsx
index e0fcf33e..20bc095a 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/CommentPutForm.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/CommentPutForm.tsx
@@ -1,7 +1,7 @@
 // import { Input } from "@monorepo/ui";
-import React from "react";
+import React from 'react';
 
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface Props {
   commentForm: string;
@@ -9,7 +9,11 @@ interface Props {
   onSubmitComment(content: string): void;
 }
 
-function CommentPutForm({ commentForm, onChangeCommentForm, onSubmitComment }: Props) {
+function CommentPutForm({
+  commentForm,
+  onChangeCommentForm,
+  onSubmitComment,
+}: Props) {
   const onSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     onSubmitComment(commentForm);
@@ -18,7 +22,11 @@ function CommentPutForm({ commentForm, onChangeCommentForm, onSubmitComment }: P
   return (
     <Container>
       <Form onSubmit={onSubmit}>
-        <Input placeholder="댓글을 남겨주세요" value={commentForm} onChange={onChangeCommentForm} />
+        <Input
+          placeholder="댓글을 남겨주세요"
+          value={commentForm}
+          onChange={onChangeCommentForm}
+        />
         <SubmitButton type="submit">수정</SubmitButton>
       </Form>
     </Container>
diff --git a/apps/jurumarble/src/app/vote/[id]/components/CommentToolbar.tsx b/apps/jurumarble/src/app/vote/[id]/components/CommentToolbar.tsx
index 9be214fe..1c99615d 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/CommentToolbar.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/CommentToolbar.tsx
@@ -1,9 +1,9 @@
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface Props {
   commentCount: number;
-  sortBy: "ByTime" | "ByPopularity";
-  onChangeFilter: (sort: "ByTime" | "ByPopularity") => void;
+  sortBy: 'ByTime' | 'ByPopularity';
+  onChangeFilter: (sort: 'ByTime' | 'ByPopularity') => void;
 }
 
 function CommentToolBar({ commentCount, onChangeFilter, sortBy }: Props) {
@@ -13,11 +13,17 @@ function CommentToolBar({ commentCount, onChangeFilter, sortBy }: Props) {
         댓글 <span className="point">{commentCount}</span>
       </Title>
       <ButtonGroup>
-        <Button onClick={() => onChangeFilter("ByTime")} bold={sortBy === "ByTime"}>
+        <Button
+          onClick={() => onChangeFilter('ByTime')}
+          bold={sortBy === 'ByTime'}
+        >
           최신순
         </Button>
         <Divider />
-        <Button onClick={() => onChangeFilter("ByPopularity")} bold={sortBy === "ByPopularity"}>
+        <Button
+          onClick={() => onChangeFilter('ByPopularity')}
+          bold={sortBy === 'ByPopularity'}
+        >
           인기순
         </Button>
       </ButtonGroup>
diff --git a/apps/jurumarble/src/app/vote/[id]/components/RestaurantItem.tsx b/apps/jurumarble/src/app/vote/[id]/components/RestaurantItem.tsx
index 16205afb..72b925cc 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/RestaurantItem.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/RestaurantItem.tsx
@@ -1,6 +1,6 @@
-import { RestaurantInfo } from "lib/apis/restaurant";
-import Image from "next/image";
-import styled, { css } from "styled-components";
+import { RestaurantInfo } from 'lib/apis/restaurant';
+import Image from 'next/image';
+import styled, { css } from 'styled-components';
 
 interface Props {
   onClickSelectedRestaurant: (restaurantId: RestaurantInfo) => void;
diff --git a/apps/jurumarble/src/app/vote/[id]/components/SearchInput.tsx b/apps/jurumarble/src/app/vote/[id]/components/SearchInput.tsx
index 4bf0d01a..a6cb6e36 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/SearchInput.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/SearchInput.tsx
@@ -1,15 +1,18 @@
-"use client";
+'use client';
 
-import { FormEvent, forwardRef, MouseEvent } from "react";
+import { FormEvent, forwardRef, MouseEvent } from 'react';
 
-import { Button } from "components/button";
-import { Input } from "components/input";
-import SvgIcSearch from "src/assets/icons/components/IcSearch";
-import styled, { css, useTheme } from "styled-components";
+import { Button } from 'components/button';
+import { Input } from 'components/input';
+import SvgIcSearch from 'src/assets/icons/components/IcSearch';
+import styled, { css, useTheme } from 'styled-components';
 
-interface Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "width"> {
+interface Props
+  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'width'> {
   placeholder?: string;
-  eventHandler?: (e: FormEvent<HTMLFormElement> | MouseEvent<HTMLButtonElement>) => void;
+  eventHandler?: (
+    e: FormEvent<HTMLFormElement> | MouseEvent<HTMLButtonElement>,
+  ) => void;
   onChangeSearchText: (keyword: string) => void;
 }
 
diff --git a/apps/jurumarble/src/app/vote/[id]/components/SearchRestaurantModal.tsx b/apps/jurumarble/src/app/vote/[id]/components/SearchRestaurantModal.tsx
index 37d656fd..571683cb 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/SearchRestaurantModal.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/SearchRestaurantModal.tsx
@@ -1,20 +1,20 @@
-"use client";
+'use client';
 
-import { useState } from "react";
+import { useState } from 'react';
 
-import VoteHeader from "components/VoteHeader";
-import { Button, ModalTemplate } from "components/index";
-import useInput from "hooks/useInput";
-import { RestaurantInfo } from "lib/apis/restaurant";
-import { transitions } from "lib/styles";
-import Image from "next/image";
-import SvgIcX from "src/assets/icons/components/IcX";
-import styled, { css, DefaultTheme } from "styled-components";
+import VoteHeader from 'components/VoteHeader';
+import { Button, ModalTemplate } from 'components/index';
+import useInput from 'hooks/useInput';
+import { RestaurantInfo } from 'lib/apis/restaurant';
+import { transitions } from 'lib/styles';
+import Image from 'next/image';
+import SvgIcX from 'src/assets/icons/components/IcX';
+import styled, { css, DefaultTheme } from 'styled-components';
 
-import RestaurantItem from "./RestaurantItem";
-import SearchInput from "./SearchInput";
-import useRestaurantImageService from "../services/useRestaurantImageService";
-import useRestaurantService from "../services/useRestaurantService";
+import RestaurantItem from './RestaurantItem';
+import SearchInput from './SearchInput';
+import useRestaurantImageService from '../services/useRestaurantImageService';
+import useRestaurantService from '../services/useRestaurantService';
 
 interface Props {
   commentId: number;
@@ -22,47 +22,61 @@ interface Props {
   onToggleSearchRestaurantModal: () => void;
 }
 
-function SearchRestaurantModal({ commentId, postId, onToggleSearchRestaurantModal }: Props) {
-  const [selectedRestaurant, setSelectedRestaurant] = useState<RestaurantInfo | null>(null);
+function SearchRestaurantModal({
+  commentId,
+  postId,
+  onToggleSearchRestaurantModal,
+}: Props) {
+  const [selectedRestaurant, setSelectedRestaurant] =
+    useState<RestaurantInfo | null>(null);
   const onClickSelectedRestaurant = (restaurantInfo: RestaurantInfo) => {
     setSelectedRestaurant((prev) =>
       restaurantInfo.contentId === prev?.contentId ? null : restaurantInfo,
     );
   };
 
-  const { debouncedValue: searchText, onChange: onChangeSearchText } = useInput({
-    initialValue: "",
-    useDebounce: true,
-    debounceTimeout: 500,
-  });
+  const { debouncedValue: searchText, onChange: onChangeSearchText } = useInput(
+    {
+      initialValue: '',
+      useDebounce: true,
+      debounceTimeout: 500,
+    },
+  );
 
   const { restaurantList, subscribe } = useRestaurantService({
     commentId,
-    commentType: "votes",
+    commentType: 'votes',
     keyword: searchText,
     page: 1,
-    region: "ALL",
+    region: 'ALL',
     typeId: postId,
   });
 
-  const [selectedImage, setSelectedImage] = useState("");
+  const [selectedImage, setSelectedImage] = useState('');
   const onClickSelectedImage = (imageUrl: string) => {
-    selectedImage === imageUrl ? setSelectedImage("") : setSelectedImage(imageUrl);
+    selectedImage === imageUrl
+      ? setSelectedImage('')
+      : setSelectedImage(imageUrl);
   };
 
-  const { restaurantImageList, postRestaurantImage } = useRestaurantImageService({
-    commentType: "votes",
-    typeId: postId,
-    commentId,
-    contentId: selectedRestaurant?.contentId ?? "",
-  });
+  const { restaurantImageList, postRestaurantImage } =
+    useRestaurantImageService({
+      commentType: 'votes',
+      typeId: postId,
+      commentId,
+      contentId: selectedRestaurant?.contentId ?? '',
+    });
 
   if (!restaurantList) {
     return null;
   }
 
   return (
-    <ModalTemplate width="375px" height="100%" onToggleModal={onToggleSearchRestaurantModal}>
+    <ModalTemplate
+      width="375px"
+      height="100%"
+      onToggleModal={onToggleSearchRestaurantModal}
+    >
       <VoteHeader
         rightButton={
           <CloseButton onClick={onToggleSearchRestaurantModal}>
@@ -70,7 +84,9 @@ function SearchRestaurantModal({ commentId, postId, onToggleSearchRestaurantModa
           </CloseButton>
         }
       >
-        <TitleStyled>{selectedRestaurant ? "음식점 검색" : "이미지 선택"}</TitleStyled>
+        <TitleStyled>
+          {selectedRestaurant ? '음식점 검색' : '이미지 선택'}
+        </TitleStyled>
       </VoteHeader>
       <Container>
         {selectedRestaurant ? (
@@ -85,9 +101,9 @@ function SearchRestaurantModal({ commentId, postId, onToggleSearchRestaurantModa
                 width="107px"
                 height="60px"
                 borderRadius="4px"
-                onClick={() => onClickSelectedImage("nonSelect")}
+                onClick={() => onClickSelectedImage('nonSelect')}
               >
-                <ColorBox selectedImage={selectedImage === "nonSelect"} />
+                <ColorBox selectedImage={selectedImage === 'nonSelect'} />
                 선택 안함
               </NonSelectedButton>
               {restaurantImageList &&
@@ -97,7 +113,9 @@ function SearchRestaurantModal({ commentId, postId, onToggleSearchRestaurantModa
                       name={restaurantImage}
                       onClick={() => onClickSelectedImage(restaurantImage)}
                     >
-                      <ColorBox selectedImage={selectedImage === restaurantImage} />
+                      <ColorBox
+                        selectedImage={selectedImage === restaurantImage}
+                      />
                     </Button>
                     <Image
                       alt="음식 이미지"
@@ -105,7 +123,7 @@ function SearchRestaurantModal({ commentId, postId, onToggleSearchRestaurantModa
                       width={107}
                       height={60}
                       style={{
-                        borderRadius: "4px",
+                        borderRadius: '4px',
                       }}
                     />
                   </FoodItem>
@@ -117,7 +135,7 @@ function SearchRestaurantModal({ commentId, postId, onToggleSearchRestaurantModa
               variant="primary"
               onClick={() => {
                 postRestaurantImage({
-                  commentType: "votes",
+                  commentType: 'votes',
                   typeId: postId,
                   commentId,
                   restaurantName: selectedRestaurant.restaurantName,
diff --git a/apps/jurumarble/src/app/vote/[id]/components/VoteAnalyzeBar.tsx b/apps/jurumarble/src/app/vote/[id]/components/VoteAnalyzeBar.tsx
index f838c3fa..467f8aab 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/VoteAnalyzeBar.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/VoteAnalyzeBar.tsx
@@ -1,4 +1,4 @@
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface Props {
   percentageA: number;
@@ -7,7 +7,12 @@ interface Props {
   totalCountB: number;
 }
 
-function VoteAnalyzeBar({ percentageA, percentageB, totalCountA, totalCountB }: Props) {
+function VoteAnalyzeBar({
+  percentageA,
+  percentageB,
+  totalCountA,
+  totalCountB,
+}: Props) {
   const isSelectedA = percentageA > percentageB ? true : false;
   return (
     <>
diff --git a/apps/jurumarble/src/app/vote/[id]/components/VoteDescription.tsx b/apps/jurumarble/src/app/vote/[id]/components/VoteDescription.tsx
index 6c509044..0b547b79 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/VoteDescription.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/VoteDescription.tsx
@@ -1,16 +1,16 @@
-import AorBMark from "components/AorBMark";
-import Path from "lib/Path";
-import { media } from "lib/styles";
-import depths from "lib/styles/depths";
-import Image from "next/image";
-import { useRouter } from "next/navigation";
-import { ExImg1 } from "public/images";
-import { SvgIcCheck } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+import AorBMark from 'components/AorBMark';
+import Path from 'lib/Path';
+import { media } from 'lib/styles';
+import depths from 'lib/styles/depths';
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+import { ExImg1 } from 'public/images';
+import { SvgIcCheck } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
-type AorB = "A" | "B";
-type ActiveType = "active" | "inactive" | null;
-type Direction = "left" | "right";
+type AorB = 'A' | 'B';
+type ActiveType = 'active' | 'inactive' | null;
+type Direction = 'left' | 'right';
 
 // const safeImageA = useMemo(() => {
 //   if (!imageA || imageA === "string") return EmptyAImg;
@@ -21,7 +21,8 @@ type Direction = "left" | "right";
 //   return imageB;
 // }, [imageB]);
 
-const getSafeImage = (image: string) => (image.includes("http") ? image : ExImg1);
+const getSafeImage = (image: string) =>
+  image.includes('http') ? image : ExImg1;
 
 interface Props {
   titleA: string;
@@ -57,14 +58,14 @@ function VoteDescription({
   const router = useRouter();
 
   const getAB = (direction: Direction) => {
-    return direction === "left" ? "A" : "B";
+    return direction === 'left' ? 'A' : 'B';
   };
 
   const activeValue = (direction: Direction): ActiveType => {
     if (!select) {
       return null;
     }
-    return `${select === getAB(direction) ? "" : "in"}active`;
+    return `${select === getAB(direction) ? '' : 'in'}active`;
   };
 
   const onClickVote = (chooz: AorB) => {
@@ -75,13 +76,13 @@ function VoteDescription({
   };
 
   const onRouteDrinkInfo = () => {
-    if (voteType !== "DRINK") {
+    if (voteType !== 'DRINK') {
       return;
     }
-    if (select === "A") {
+    if (select === 'A') {
       router.push(`${Path.DRINK_INFO_PAGE}/${drinkAId}`);
     }
-    if (select === "B") {
+    if (select === 'B') {
       router.push(`${Path.DRINK_INFO_PAGE}/${drinkBId}`);
     }
   };
@@ -89,7 +90,10 @@ function VoteDescription({
   return (
     <Container>
       <ImageWrapper onClick={onRouteDrinkInfo}>
-        <LeftVote selected={activeValue("left")} onClick={() => onClickVote("A")}>
+        <LeftVote
+          selected={activeValue('left')}
+          onClick={() => onClickVote('A')}
+        >
           <VoteImageWrapper>
             <Image
               src={getSafeImage(imageA)}
@@ -97,22 +101,27 @@ function VoteDescription({
               width={160}
               height={160}
               style={{
-                objectFit: "cover",
-                width: "auto",
-                height: "100%",
+                objectFit: 'cover',
+                width: 'auto',
+                height: '100%',
               }}
             />
             <div className="overlay">
               <OverLayTitle>{titleA}</OverLayTitle>
               <OverlayPercent>{percentageA}%</OverlayPercent>
               <OverlayCount> {totalCountA}명</OverlayCount>
-              {voteType === "DRINK" && <OverlayButton>술정보 보기 &nbsp; {">"}</OverlayButton>}
+              {voteType === 'DRINK' && (
+                <OverlayButton>술정보 보기 &nbsp; {'>'}</OverlayButton>
+              )}
             </div>
             <AorBMark AorB="A">A</AorBMark>
           </VoteImageWrapper>
         </LeftVote>
 
-        <RightVote selected={activeValue("right")} onClick={() => onClickVote("B")}>
+        <RightVote
+          selected={activeValue('right')}
+          onClick={() => onClickVote('B')}
+        >
           <VoteImageWrapper>
             <Image
               src={getSafeImage(imageB)}
@@ -120,28 +129,30 @@ function VoteDescription({
               width={160}
               height={160}
               style={{
-                objectFit: "cover",
-                width: "auto",
-                height: "100%",
+                objectFit: 'cover',
+                width: 'auto',
+                height: '100%',
               }}
             />
             <div className="overlay">
               <OverLayTitle>{titleB}</OverLayTitle>
               <OverlayPercent>{percentageB}%</OverlayPercent>
               <OverlayCount> {totalCountB}명</OverlayCount>
-              {voteType === "DRINK" && <OverlayButton>술정보 보기&nbsp; {">"}</OverlayButton>}
+              {voteType === 'DRINK' && (
+                <OverlayButton>술정보 보기&nbsp; {'>'}</OverlayButton>
+              )}
             </div>
             <AorBMark AorB="B">B</AorBMark>
           </VoteImageWrapper>
         </RightVote>
       </ImageWrapper>
       <FlexRow>
-        <SmallTitle isSelect={select === "A"}>
-          {select === "A" && <SvgIcCheck width={20} height={20} />}
+        <SmallTitle isSelect={select === 'A'}>
+          {select === 'A' && <SvgIcCheck width={20} height={20} />}
           {titleA}
         </SmallTitle>
-        <SmallTitle isSelect={select === "B"}>
-          {select === "B" && <SvgIcCheck width={20} height={20} />}
+        <SmallTitle isSelect={select === 'B'}>
+          {select === 'B' && <SvgIcCheck width={20} height={20} />}
           {titleB}
         </SmallTitle>
       </FlexRow>
@@ -231,7 +242,7 @@ const LeftVote = styled.div<{ selected: ActiveType }>`
     border: 2px solid #ff4a16;
 
     ${({ selected }) =>
-      selected === "active" &&
+      selected === 'active' &&
       css`
         width: 100%;
         display: flex;
diff --git a/apps/jurumarble/src/app/vote/[id]/components/VoteSmallSelectFilter.tsx b/apps/jurumarble/src/app/vote/[id]/components/VoteSmallSelectFilter.tsx
index ce167219..d5537984 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/VoteSmallSelectFilter.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/VoteSmallSelectFilter.tsx
@@ -1,7 +1,7 @@
-import { useToggle } from "@monorepo/hooks";
-import { Select } from "components/selectBox";
-import SvgIcExpandMore from "src/assets/icons/components/IcExpandMore";
-import styled, { css } from "styled-components";
+import { useToggle } from '@monorepo/hooks';
+import { Select } from 'components/selectBox';
+import SvgIcExpandMore from 'src/assets/icons/components/IcExpandMore';
+import styled, { css } from 'styled-components';
 
 interface Props {
   defaultOption: string;
@@ -9,7 +9,11 @@ interface Props {
   options: { value: string; label: string }[];
 }
 
-function VoteSmallSelectFilter({ defaultOption, onChangeSortOption, options }: Props) {
+function VoteSmallSelectFilter({
+  defaultOption,
+  onChangeSortOption,
+  options,
+}: Props) {
   const [isOpen, onToggleOpen] = useToggle();
 
   return (
@@ -39,7 +43,7 @@ const SelectStyled = styled.span<{ isOpen: boolean }>`
       padding: 10px 12px;
     }
     svg {
-      ${isOpen && "transform: rotateX( 180deg )"}
+      ${isOpen && 'transform: rotateX( 180deg )'}
     }
   `}
   #select-list {
diff --git a/apps/jurumarble/src/app/vote/[id]/components/VoteWriterBox.tsx b/apps/jurumarble/src/app/vote/[id]/components/VoteWriterBox.tsx
index 21af3e1a..cf8aef4f 100644
--- a/apps/jurumarble/src/app/vote/[id]/components/VoteWriterBox.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/components/VoteWriterBox.tsx
@@ -1,8 +1,8 @@
-import { convertAge } from "lib/utils/formatUserInfo";
-import Image, { StaticImageData } from "next/image";
-import styled, { css } from "styled-components";
+import { convertAge } from 'lib/utils/formatUserInfo';
+import Image, { StaticImageData } from 'next/image';
+import styled, { css } from 'styled-components';
 
-import AlcholLevelTag from "./AlcholLevelTag";
+import AlcholLevelTag from './AlcholLevelTag';
 
 interface Props {
   writer: {
@@ -25,14 +25,14 @@ function VoteWriterBox({ writer }: Props) {
         width={48}
         height={48}
         style={{
-          borderRadius: "8px",
+          borderRadius: '8px',
         }}
       />
       <ContentsBox>
         {(userAge || userGender || userAge || alchol || userMbti) && (
           <Flex>
             <TagBox>
-              {userGender === "MALE" ? "남" : "여"}
+              {userGender === 'MALE' ? '남' : '여'}
               {userAge && (
                 <>
                   <DivideTag /> {convertAge(userAge)}
diff --git a/apps/jurumarble/src/app/vote/[id]/page.tsx b/apps/jurumarble/src/app/vote/[id]/page.tsx
index 793e34fb..1601fe90 100644
--- a/apps/jurumarble/src/app/vote/[id]/page.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/page.tsx
@@ -1,39 +1,51 @@
-"use client";
+'use client';
 
-import { useMemo, useState } from "react";
+import { useMemo, useState } from 'react';
 
-import Loading from "components/Loading";
+import Loading from 'components/Loading';
 import {
   VOTE_AGE_FILTER_LIST,
   VOTE_ALCOHOL_FILTER_LIST,
   VOTE_GENDER_FILTER_LIST,
   VOTE_MBTI_LIST,
-} from "lib/constants";
-import dynamic from "next/dynamic";
-import { useParams } from "next/navigation";
-import { DrinkCapacityHigh, DrinkCapacityLow, DrinkCapacityMedium } from "public/images";
-import useBookmarkService from "services/useBookmarkService";
-import styled, { css } from "styled-components";
-
-import VoteSmallSelectFilter from "./components/VoteSmallSelectFilter";
-import VoteWriterBox from "./components/VoteWriterBox";
-import useExecuteVoteService from "./services/useExecuteVoteService";
-import useFilteredStatisticsService from "./services/useFilterStatisticsService";
-import useVoteLoadService from "./services/useVoteLoadService";
-
-const DynamicChipContainer = dynamic(() => import("./components/ChipContainer"));
-const DynamicVoteDescription = dynamic(() => import("./components/VoteDescription"));
-const DynamicCommentContainer = dynamic(() => import("./components/CommentContainer"));
-const DynamicVoteAnalyzeBar = dynamic(() => import("./components/VoteAnalyzeBar"));
+} from 'lib/constants';
+import dynamic from 'next/dynamic';
+import { useParams } from 'next/navigation';
+import {
+  DrinkCapacityHigh,
+  DrinkCapacityLow,
+  DrinkCapacityMedium,
+} from 'public/images';
+import useBookmarkService from 'services/useBookmarkService';
+import styled, { css } from 'styled-components';
+
+import VoteSmallSelectFilter from './components/VoteSmallSelectFilter';
+import VoteWriterBox from './components/VoteWriterBox';
+import useExecuteVoteService from './services/useExecuteVoteService';
+import useFilteredStatisticsService from './services/useFilterStatisticsService';
+import useVoteLoadService from './services/useVoteLoadService';
+
+const DynamicChipContainer = dynamic(
+  () => import('./components/ChipContainer'),
+);
+const DynamicVoteDescription = dynamic(
+  () => import('./components/VoteDescription'),
+);
+const DynamicCommentContainer = dynamic(
+  () => import('./components/CommentContainer'),
+);
+const DynamicVoteAnalyzeBar = dynamic(
+  () => import('./components/VoteAnalyzeBar'),
+);
 
 function Detail() {
   const params = useParams();
 
   const [filter, setFilter] = useState({
-    age: "",
-    mbti: "",
-    gender: "",
-    alcohol: "",
+    age: '',
+    mbti: '',
+    gender: '',
+    alcohol: '',
   });
 
   const onChangeFilter = (filterKey: string, value: string) => {
@@ -50,7 +62,7 @@ function Detail() {
   const { mutateBookMark, isBookmark } = useBookmarkService(Number(postId));
 
   const { mutate, select } = useExecuteVoteService(Number(data?.voteId));
-  const onMutateVoting = (select: "A" | "B") => {
+  const onMutateVoting = (select: 'A' | 'B') => {
     mutate(select);
   };
   const { voteStatisticsQuery } = useFilteredStatisticsService(
@@ -66,9 +78,8 @@ function Detail() {
     isError: isStatisticsError,
   } = voteStatisticsQuery;
 
-  const { voteStatisticsQuery: originalStaticsQuery } = useFilteredStatisticsService(
-    Number(postId),
-  );
+  const { voteStatisticsQuery: originalStaticsQuery } =
+    useFilteredStatisticsService(Number(postId));
   const {
     data: originalStatistics,
     isLoading: isOriginalStatisticsLoading,
@@ -76,14 +87,24 @@ function Detail() {
   } = originalStaticsQuery;
 
   const EmptyImage = useMemo(() => {
-    if (data?.postedUserAlcoholLimit === "LOW") {return DrinkCapacityLow;}
-    if (data?.postedUserAlcoholLimit === "MEDIUM") {return DrinkCapacityMedium;}
+    if (data?.postedUserAlcoholLimit === 'LOW') {
+      return DrinkCapacityLow;
+    }
+    if (data?.postedUserAlcoholLimit === 'MEDIUM') {
+      return DrinkCapacityMedium;
+    }
     return DrinkCapacityHigh;
   }, [data?.postedUserAlcoholLimit]);
 
-  if (isLoading || isStatisticsLoading || isOriginalStatisticsLoading) {return <Loading />;}
-  if (isError || isStatisticsError || isOriginalStatisticsError) {return <div>에러</div>;}
-  if (!data || !statistics || !originalStatistics) {return <div />;}
+  if (isLoading || isStatisticsLoading || isOriginalStatisticsLoading) {
+    return <Loading />;
+  }
+  if (isError || isStatisticsError || isOriginalStatisticsError) {
+    return <div>에러</div>;
+  }
+  if (!data || !statistics || !originalStatistics) {
+    return <div />;
+  }
   const {
     detail,
     title,
@@ -159,22 +180,22 @@ function Detail() {
               <FilterBox>
                 <VoteSmallSelectFilter
                   defaultOption={filter.gender}
-                  onChangeSortOption={(id) => onChangeFilter("gender", id)}
+                  onChangeSortOption={(id) => onChangeFilter('gender', id)}
                   options={VOTE_GENDER_FILTER_LIST}
                 />
                 <VoteSmallSelectFilter
                   defaultOption={filter.age}
-                  onChangeSortOption={(id) => onChangeFilter("age", id)}
+                  onChangeSortOption={(id) => onChangeFilter('age', id)}
                   options={VOTE_AGE_FILTER_LIST}
                 />
                 <VoteSmallSelectFilter
                   defaultOption={filter.mbti}
-                  onChangeSortOption={(id) => onChangeFilter("mbti", id)}
+                  onChangeSortOption={(id) => onChangeFilter('mbti', id)}
                   options={VOTE_MBTI_LIST}
                 />
                 <VoteSmallSelectFilter
                   defaultOption={filter.alcohol}
-                  onChangeSortOption={(id) => onChangeFilter("alcohol", id)}
+                  onChangeSortOption={(id) => onChangeFilter('alcohol', id)}
                   options={VOTE_ALCOHOL_FILTER_LIST}
                 />
               </FilterBox>
diff --git a/apps/jurumarble/src/app/vote/[id]/services/useCommentDeleteService.ts b/apps/jurumarble/src/app/vote/[id]/services/useCommentDeleteService.ts
index 6fec2a47..de05e019 100644
--- a/apps/jurumarble/src/app/vote/[id]/services/useCommentDeleteService.ts
+++ b/apps/jurumarble/src/app/vote/[id]/services/useCommentDeleteService.ts
@@ -1,25 +1,28 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { deleteComment, putComment } from "lib/apis/comment";
-import { queryKeys } from "lib/queryKeys";
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { deleteComment, putComment } from 'lib/apis/comment';
+import { queryKeys } from 'lib/queryKeys';
 
 export default function useCommentDeleteService(
-  commentType: "votes" | "drinks",
+  commentType: 'votes' | 'drinks',
   typeId: number,
   commentId: number,
 ) {
   const queryClient = useQueryClient();
-  const { mutate } = useMutation(() => deleteComment(commentType, typeId, commentId), {
-    onSuccess: () => {
-      alert("댓글이 삭제되었습니다.");
-      queryClient.invalidateQueries([queryKeys.DETAIL_COMMENT_LIST]);
+  const { mutate } = useMutation(
+    () => deleteComment(commentType, typeId, commentId),
+    {
+      onSuccess: () => {
+        alert('댓글이 삭제되었습니다.');
+        queryClient.invalidateQueries([queryKeys.DETAIL_COMMENT_LIST]);
+      },
     },
-  });
+  );
 
   const { mutate: onPutComment } = useMutation(
     (comment: string) => putComment(commentType, typeId, commentId, comment),
     {
       onSuccess: () => {
-        alert("댓글이 수정되었습니다.");
+        alert('댓글이 수정되었습니다.');
         queryClient.invalidateQueries([queryKeys.DETAIL_COMMENT_LIST]);
       },
     },
diff --git a/apps/jurumarble/src/app/vote/[id]/services/useCommentReportService.ts b/apps/jurumarble/src/app/vote/[id]/services/useCommentReportService.ts
index a7432e1c..2817f074 100644
--- a/apps/jurumarble/src/app/vote/[id]/services/useCommentReportService.ts
+++ b/apps/jurumarble/src/app/vote/[id]/services/useCommentReportService.ts
@@ -1,8 +1,10 @@
-import { useMutation } from "@tanstack/react-query";
-import { postReportCommentAPI } from "lib/apis/report";
+import { useMutation } from '@tanstack/react-query';
+import { postReportCommentAPI } from 'lib/apis/report';
 
 export default function useCommentReportService() {
-  const { mutate } = useMutation((voteId: number) => postReportCommentAPI(voteId));
+  const { mutate } = useMutation((voteId: number) =>
+    postReportCommentAPI(voteId),
+  );
 
   return { mutate };
 }
diff --git a/apps/jurumarble/src/app/vote/[id]/services/useCommentServices.ts b/apps/jurumarble/src/app/vote/[id]/services/useCommentServices.ts
index aa8c8293..16277d15 100644
--- a/apps/jurumarble/src/app/vote/[id]/services/useCommentServices.ts
+++ b/apps/jurumarble/src/app/vote/[id]/services/useCommentServices.ts
@@ -1,17 +1,21 @@
-import { useInfiniteQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import {
+  useInfiniteQuery,
+  useMutation,
+  useQueryClient,
+} from '@tanstack/react-query';
 import {
   getCommentById,
   postComment,
   PostCommentRequest,
   postHateComment,
   postLikeComment,
-} from "lib/apis/comment";
-import { queryKeys, reactQueryKeys } from "lib/queryKeys";
+} from 'lib/apis/comment';
+import { queryKeys, reactQueryKeys } from 'lib/queryKeys';
 
 export default function useCommentServices(
   voteId: number,
-  sortBy: "ByTime" | "ByPopularity",
-  commentType: "votes" | "drinks",
+  sortBy: 'ByTime' | 'ByPopularity',
+  commentType: 'votes' | 'drinks',
   paging?: {
     page: number;
     size: number;
@@ -74,5 +78,13 @@ export default function useCommentServices(
     postComment(commentType, voteId, body),
   );
 
-  return { comments, fetchNextPage, isError, isLoading, mutateComment, mutateHate, mutateLike };
+  return {
+    comments,
+    fetchNextPage,
+    isError,
+    isLoading,
+    mutateComment,
+    mutateHate,
+    mutateLike,
+  };
 }
diff --git a/apps/jurumarble/src/app/vote/[id]/services/useExecuteVoteService.ts b/apps/jurumarble/src/app/vote/[id]/services/useExecuteVoteService.ts
index cbaa3907..1bcdea24 100644
--- a/apps/jurumarble/src/app/vote/[id]/services/useExecuteVoteService.ts
+++ b/apps/jurumarble/src/app/vote/[id]/services/useExecuteVoteService.ts
@@ -1,37 +1,48 @@
-import { useState } from "react";
+import { useState } from 'react';
 
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { AorB, getVotingCheck, postExecuteVote } from "lib/apis/vote";
-import { queryKeys, reactQueryKeys } from "lib/queryKeys";
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { AorB, getVotingCheck, postExecuteVote } from 'lib/apis/vote';
+import { queryKeys, reactQueryKeys } from 'lib/queryKeys';
 
 export default function useExecuteVoteService(voteId: number) {
-  const [select, setSelect] = useState<{ choice: AorB | null }>({ choice: null });
+  const [select, setSelect] = useState<{ choice: AorB | null }>({
+    choice: null,
+  });
   const queryClient = useQueryClient();
-  const { mutate } = useMutation((choice: "A" | "B") => postExecuteVote(voteId, { choice }), {
-    onSuccess: () => {
-      queryClient.invalidateQueries([queryKeys.VOTE_DETAIL]);
-      queryClient.invalidateQueries([queryKeys.VOTING_CHECK]);
-      queryClient.invalidateQueries([queryKeys.DETAIL_FILTERED_ANALYSIS]);
-    },
-    onError: () => {
-      alert("로그인 후 진행해주세요.");
+  const { mutate } = useMutation(
+    (choice: 'A' | 'B') => postExecuteVote(voteId, { choice }),
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries([queryKeys.VOTE_DETAIL]);
+        queryClient.invalidateQueries([queryKeys.VOTING_CHECK]);
+        queryClient.invalidateQueries([queryKeys.DETAIL_FILTERED_ANALYSIS]);
+      },
+      onError: () => {
+        alert('로그인 후 진행해주세요.');
+      },
     },
-  });
+  );
 
-  const { data } = useQuery(reactQueryKeys.votingCheck(voteId), () => getVotingCheck(voteId), {
-    onSuccess: (data) => {
-      if (data.voted) {
-        setSelect({ choice: data.userChoice });
-      } else {setSelect({ choice: null });}
+  const { data } = useQuery(
+    reactQueryKeys.votingCheck(voteId),
+    () => getVotingCheck(voteId),
+    {
+      onSuccess: (data) => {
+        if (data.voted) {
+          setSelect({ choice: data.userChoice });
+        } else {
+          setSelect({ choice: null });
+        }
+      },
+      onError: () => {
+        setSelect({ choice: null });
+      },
+      enabled: !!voteId,
+      // @note 캐시를 사용하지 않는다.
+      cacheTime: 0,
+      staleTime: 0,
     },
-    onError: () => {
-      setSelect({ choice: null });
-    },
-    enabled: !!voteId,
-    // @note 캐시를 사용하지 않는다.
-    cacheTime: 0,
-    staleTime: 0,
-  });
+  );
 
   return { mutate, select, data };
 }
diff --git a/apps/jurumarble/src/app/vote/[id]/services/useFilterStatisticsService.ts b/apps/jurumarble/src/app/vote/[id]/services/useFilterStatisticsService.ts
index a4d97e1b..f072afd4 100644
--- a/apps/jurumarble/src/app/vote/[id]/services/useFilterStatisticsService.ts
+++ b/apps/jurumarble/src/app/vote/[id]/services/useFilterStatisticsService.ts
@@ -1,6 +1,6 @@
-import { useQuery } from "@tanstack/react-query";
-import { getFilterStatisticsById } from "lib/apis/statistics";
-import { reactQueryKeys } from "lib/queryKeys";
+import { useQuery } from '@tanstack/react-query';
+import { getFilterStatisticsById } from 'lib/apis/statistics';
+import { reactQueryKeys } from 'lib/queryKeys';
 
 export default function useFilteredStatisticsService(
   voteId: number,
@@ -10,7 +10,13 @@ export default function useFilteredStatisticsService(
   alcoholLimit?: string,
 ) {
   const voteStatisticsQuery = useQuery(
-    reactQueryKeys.detailFilterdAnalysis(voteId, gender, mbti, age, alcoholLimit),
+    reactQueryKeys.detailFilterdAnalysis(
+      voteId,
+      gender,
+      mbti,
+      age,
+      alcoholLimit,
+    ),
     () => getFilterStatisticsById(voteId, gender, mbti, age, alcoholLimit),
     {
       enabled: !!voteId,
diff --git a/apps/jurumarble/src/app/vote/[id]/services/useRestaurantImageService.ts b/apps/jurumarble/src/app/vote/[id]/services/useRestaurantImageService.ts
index c5219089..f0c41389 100644
--- a/apps/jurumarble/src/app/vote/[id]/services/useRestaurantImageService.ts
+++ b/apps/jurumarble/src/app/vote/[id]/services/useRestaurantImageService.ts
@@ -1,9 +1,18 @@
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { getRestaurantImageAPI, postRestaurantImageAPI } from "lib/apis/restaurant";
-import { queryKeys } from "lib/queryKeys";
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import {
+  getRestaurantImageAPI,
+  postRestaurantImageAPI,
+} from 'lib/apis/restaurant';
+import { queryKeys } from 'lib/queryKeys';
 
-type GetRestaurantImageListParams = Exclude<Parameters<typeof getRestaurantImageAPI>[0], undefined>;
-type PostRestaurantImageParams = Exclude<Parameters<typeof postRestaurantImageAPI>[0], undefined>;
+type GetRestaurantImageListParams = Exclude<
+  Parameters<typeof getRestaurantImageAPI>[0],
+  undefined
+>;
+type PostRestaurantImageParams = Exclude<
+  Parameters<typeof postRestaurantImageAPI>[0],
+  undefined
+>;
 
 const getRestaurantImageListQueryKey = (
   getRestaurantImageListParams: GetRestaurantImageListParams,
diff --git a/apps/jurumarble/src/app/vote/[id]/services/useRestaurantService.ts b/apps/jurumarble/src/app/vote/[id]/services/useRestaurantService.ts
index 7bec86d2..fb83f865 100644
--- a/apps/jurumarble/src/app/vote/[id]/services/useRestaurantService.ts
+++ b/apps/jurumarble/src/app/vote/[id]/services/useRestaurantService.ts
@@ -1,9 +1,12 @@
-import { useInfiniteScroll } from "@monorepo/hooks";
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { getRestaurantAPI } from "lib/apis/restaurant";
-import { queryKeys } from "lib/queryKeys";
+import { useInfiniteScroll } from '@monorepo/hooks';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getRestaurantAPI } from 'lib/apis/restaurant';
+import { queryKeys } from 'lib/queryKeys';
 
-type GetRestaurantListParams = Exclude<Parameters<typeof getRestaurantAPI>[0], undefined>;
+type GetRestaurantListParams = Exclude<
+  Parameters<typeof getRestaurantAPI>[0],
+  undefined
+>;
 
 const getRestaurantListQueryKey = (params: GetRestaurantListParams) => [
   queryKeys.RESTAURANT_LIST,
@@ -18,7 +21,9 @@ export default function useRestaurantService(params: GetRestaurantListParams) {
     },
     {
       getNextPageParam: ({ last, number }) => {
-        if (last) {return undefined;}
+        if (last) {
+          return undefined;
+        }
         return {
           page: number + 2,
         };
diff --git a/apps/jurumarble/src/app/vote/[id]/services/useVoteDeleteService.ts b/apps/jurumarble/src/app/vote/[id]/services/useVoteDeleteService.ts
index fa1d4acb..85aacfd6 100644
--- a/apps/jurumarble/src/app/vote/[id]/services/useVoteDeleteService.ts
+++ b/apps/jurumarble/src/app/vote/[id]/services/useVoteDeleteService.ts
@@ -1,14 +1,14 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { deleteVote } from "lib/apis/vote";
-import { reactQueryKeys } from "lib/queryKeys";
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { deleteVote } from 'lib/apis/vote';
+import { reactQueryKeys } from 'lib/queryKeys';
 
 export default function useVoteDeleteService(voteId: number) {
   const queryClient = useQueryClient();
   const { mutate } = useMutation(() => deleteVote(voteId), {
     onSuccess: () => {
-      alert("투표가 삭제되었습니다.");
+      alert('투표가 삭제되었습니다.');
       queryClient.invalidateQueries([reactQueryKeys.voteList]);
-      window.location.href = "vote";
+      window.location.href = 'vote';
     },
   });
   return {
diff --git a/apps/jurumarble/src/app/vote/[id]/services/useVoteLoadService.ts b/apps/jurumarble/src/app/vote/[id]/services/useVoteLoadService.ts
index 2367f1ac..9037c4eb 100644
--- a/apps/jurumarble/src/app/vote/[id]/services/useVoteLoadService.ts
+++ b/apps/jurumarble/src/app/vote/[id]/services/useVoteLoadService.ts
@@ -1,6 +1,6 @@
-import { useQuery } from "@tanstack/react-query";
-import { getVoteByVoteIdAPI } from "lib/apis/vote";
-import { reactQueryKeys } from "lib/queryKeys";
+import { useQuery } from '@tanstack/react-query';
+import { getVoteByVoteIdAPI } from 'lib/apis/vote';
+import { reactQueryKeys } from 'lib/queryKeys';
 
 export default function useVoteLoadService(voteId: number) {
   const { data, isLoading, isError } = useQuery(
diff --git a/apps/jurumarble/src/app/vote/[id]/services/useVoteReportService.ts b/apps/jurumarble/src/app/vote/[id]/services/useVoteReportService.ts
index e1dd8920..fb0d12ec 100644
--- a/apps/jurumarble/src/app/vote/[id]/services/useVoteReportService.ts
+++ b/apps/jurumarble/src/app/vote/[id]/services/useVoteReportService.ts
@@ -1,5 +1,5 @@
-import { useMutation } from "@tanstack/react-query";
-import { postReportVoteAPI } from "lib/apis/report";
+import { useMutation } from '@tanstack/react-query';
+import { postReportVoteAPI } from 'lib/apis/report';
 
 export default function useVoteReportService() {
   const { mutate } = useMutation((voteId: number) => postReportVoteAPI(voteId));
diff --git a/apps/jurumarble/src/app/vote/[id]/update/components/UpdateVoteContainer.tsx b/apps/jurumarble/src/app/vote/[id]/update/components/UpdateVoteContainer.tsx
index 0dedcb60..5937e21f 100644
--- a/apps/jurumarble/src/app/vote/[id]/update/components/UpdateVoteContainer.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/update/components/UpdateVoteContainer.tsx
@@ -1,22 +1,22 @@
-"use client";
-
-import { useMemo, useState } from "react";
-
-import { useToggle } from "@monorepo/hooks";
-import DrinkSearchModal from "app/vote/post/components/DrinkSearchModal";
-import PostBottomSheet from "app/vote/post/components/PostBottomSheet";
-import TitleAndDescriptionSection from "app/vote/post/components/TitleAndDescriptionSection";
-import AorBMark from "components/AorBMark";
-import ImageUploadButton from "components/ImageUploadButton";
-import VoteHeader from "components/VoteHeader";
-import { Button, Input } from "components/index";
-import Image from "next/image";
-import { useRouter } from "next/navigation";
-import SvgIcPrevious from "src/assets/icons/components/IcPrevious";
-import { DrinkInfoType } from "src/types/drink";
-import styled, { css } from "styled-components";
-
-import useUpdateVoteForm from "../hook/useUpdataVoteForm";
+'use client';
+
+import { useMemo, useState } from 'react';
+
+import { useToggle } from '@monorepo/hooks';
+import DrinkSearchModal from 'app/vote/post/components/DrinkSearchModal';
+import PostBottomSheet from 'app/vote/post/components/PostBottomSheet';
+import TitleAndDescriptionSection from 'app/vote/post/components/TitleAndDescriptionSection';
+import AorBMark from 'components/AorBMark';
+import ImageUploadButton from 'components/ImageUploadButton';
+import VoteHeader from 'components/VoteHeader';
+import { Button, Input } from 'components/index';
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+import SvgIcPrevious from 'src/assets/icons/components/IcPrevious';
+import { DrinkInfoType } from 'src/types/drink';
+import styled, { css } from 'styled-components';
+
+import useUpdateVoteForm from '../hook/useUpdataVoteForm';
 
 const STEP_ONE = 1;
 const STEP_TWO = 2;
@@ -76,8 +76,8 @@ function UpdateVoteContainer() {
                     alt="A이미지"
                     fill
                     style={{
-                      objectFit: "cover",
-                      borderRadius: "10px",
+                      objectFit: 'cover',
+                      borderRadius: '10px',
                     }}
                   />
                 ) : (
@@ -92,8 +92,8 @@ function UpdateVoteContainer() {
                     alt="B이미지"
                     fill
                     style={{
-                      objectFit: "cover",
-                      borderRadius: "10px",
+                      objectFit: 'cover',
+                      borderRadius: '10px',
                     }}
                   />
                 ) : (
@@ -104,7 +104,12 @@ function UpdateVoteContainer() {
             </ImageContainer>
           )}
         </ImageSection>
-        <ImageUploadInput multiple type="file" id="file" onChange={onUploadImage} />
+        <ImageUploadInput
+          multiple
+          type="file"
+          id="file"
+          onChange={onUploadImage}
+        />
       </label>
       <VoteOptionText>
         <InputBox>
diff --git a/apps/jurumarble/src/app/vote/[id]/update/hook/useUpdataVoteForm.ts b/apps/jurumarble/src/app/vote/[id]/update/hook/useUpdataVoteForm.ts
index 563e316d..0e6ad01e 100644
--- a/apps/jurumarble/src/app/vote/[id]/update/hook/useUpdataVoteForm.ts
+++ b/apps/jurumarble/src/app/vote/[id]/update/hook/useUpdataVoteForm.ts
@@ -1,14 +1,14 @@
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useEffect, useState } from 'react';
 
-import { useMutation } from "@tanstack/react-query";
-import Path from "lib/Path";
-import { uploadImageAPI } from "lib/apis/common";
-import { postDrinkVoteAPI, postNormalVoteAPI } from "lib/apis/vote";
-import { useParams, useRouter } from "next/navigation";
-import { DrinkInfoType } from "src/types/drink";
-import { PostVoteType } from "src/types/vote";
+import { useMutation } from '@tanstack/react-query';
+import Path from 'lib/Path';
+import { uploadImageAPI } from 'lib/apis/common';
+import { postDrinkVoteAPI, postNormalVoteAPI } from 'lib/apis/vote';
+import { useParams, useRouter } from 'next/navigation';
+import { DrinkInfoType } from 'src/types/drink';
+import { PostVoteType } from 'src/types/vote';
 
-import useVoteLoadService from "../../services/useVoteLoadService";
+import useVoteLoadService from '../../services/useVoteLoadService';
 
 export default function useUpdateVoteForm() {
   const router = useRouter();
@@ -16,14 +16,14 @@ export default function useUpdateVoteForm() {
   const { data } = useVoteLoadService(Number(params.id));
 
   const [postVoteInfo, setPostVoteInfo] = useState<PostVoteType>({
-    detail: "",
+    detail: '',
     drinkAId: 0,
     drinkBId: 0,
-    imageA: "",
-    imageB: "",
-    title: "",
-    titleA: "",
-    titleB: "",
+    imageA: '',
+    imageB: '',
+    title: '',
+    titleA: '',
+    titleB: '',
   });
 
   useEffect(() => {
@@ -43,9 +43,12 @@ export default function useUpdateVoteForm() {
     });
   }, [data]);
 
-  const { title, detail, titleA, titleB, imageA, imageB, drinkAId, drinkBId } = postVoteInfo;
+  const { title, detail, titleA, titleB, imageA, imageB, drinkAId, drinkBId } =
+    postVoteInfo;
 
-  const onChangeVoteText = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+  const onChangeVoteText = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+  ) => {
     const { name, value } = e.target;
     setPostVoteInfo({
       ...postVoteInfo,
@@ -68,60 +71,67 @@ export default function useUpdateVoteForm() {
     }));
   };
 
-  const onUploadImage = useCallback(async (e: React.ChangeEvent<HTMLInputElement>) => {
-    if (e.target.files === null) {
-      return;
-    }
-
-    if (e.target.files.length === 2) {
-      if (e.target.files[0].size > 10485760 || e.target.files[1].size > 10485760) {
-        alert("파일 용량이 10MB를 초과하였습니다.");
+  const onUploadImage = useCallback(
+    async (e: React.ChangeEvent<HTMLInputElement>) => {
+      if (e.target.files === null) {
         return;
       }
-      const formDataA = new FormData();
-      const formDataB = new FormData();
-      formDataA.append("images", e.target.files[0]);
-      formDataB.append("images", e.target.files[1]);
-      try {
-        const dataA = await uploadImageAPI(formDataA);
-        const dataB = await uploadImageAPI(formDataB);
-
-        setPostVoteInfo({
-          ...postVoteInfo,
-          imageA: dataA.imageUrl,
-          imageB: dataB.imageUrl,
-        });
-      } catch (error) {
-        alert(`이미지 업로드에 실패했습니다.${error}`);
-      }
-      return;
-    }
 
-    if (e.target.files.length === 1) {
-      if (e.target.files[0].size > 10485760) {
-        alert("파일 용량이 10MB를 초과하였습니다.");
+      if (e.target.files.length === 2) {
+        if (
+          e.target.files[0].size > 10485760 ||
+          e.target.files[1].size > 10485760
+        ) {
+          alert('파일 용량이 10MB를 초과하였습니다.');
+          return;
+        }
+        const formDataA = new FormData();
+        const formDataB = new FormData();
+        formDataA.append('images', e.target.files[0]);
+        formDataB.append('images', e.target.files[1]);
+        try {
+          const dataA = await uploadImageAPI(formDataA);
+          const dataB = await uploadImageAPI(formDataB);
+
+          setPostVoteInfo({
+            ...postVoteInfo,
+            imageA: dataA.imageUrl,
+            imageB: dataB.imageUrl,
+          });
+        } catch (error) {
+          alert(`이미지 업로드에 실패했습니다.${error}`);
+        }
         return;
       }
-      const formDataA = new FormData();
-      formDataA.append("images", e.target.files[0]);
-      try {
-        const dataA = await uploadImageAPI(formDataA);
-
-        setPostVoteInfo({
-          ...postVoteInfo,
-          imageA: dataA.imageUrl,
-          imageB: "",
-        });
-      } catch (error) {
-        alert(`이미지 업로드에 실패했습니다.${error}`);
+
+      if (e.target.files.length === 1) {
+        if (e.target.files[0].size > 10485760) {
+          alert('파일 용량이 10MB를 초과하였습니다.');
+          return;
+        }
+        const formDataA = new FormData();
+        formDataA.append('images', e.target.files[0]);
+        try {
+          const dataA = await uploadImageAPI(formDataA);
+
+          setPostVoteInfo({
+            ...postVoteInfo,
+            imageA: dataA.imageUrl,
+            imageB: '',
+          });
+        } catch (error) {
+          alert(`이미지 업로드에 실패했습니다.${error}`);
+        }
+        return;
       }
-      return;
-    }
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    },
+    [],
+  );
 
   const { mutate: mutateNomalVote } = useMutation(
-    (voteInfo: Omit<PostVoteType, "drinkAId" | "drinkBId">) => postNormalVoteAPI(voteInfo),
+    (voteInfo: Omit<PostVoteType, 'drinkAId' | 'drinkBId'>) =>
+      postNormalVoteAPI(voteInfo),
     {
       onSuccess: () => {
         router.push(`${Path.VOTE_HOME}/?isSuccess=true`);
@@ -129,7 +139,7 @@ export default function useUpdateVoteForm() {
     },
   );
   const { mutate: mutateDrinkVote } = useMutation(
-    (voteInfo: Omit<PostVoteType, "titleA" | "titleB" | "imageA" | "imageB">) =>
+    (voteInfo: Omit<PostVoteType, 'titleA' | 'titleB' | 'imageA' | 'imageB'>) =>
       postDrinkVoteAPI(voteInfo),
     {
       onSuccess: () => {
@@ -139,20 +149,20 @@ export default function useUpdateVoteForm() {
   );
 
   const guidePostVote = () => {
-    if (title === "") {
-      alert("제목을 입력해주세요.");
+    if (title === '') {
+      alert('제목을 입력해주세요.');
       return;
     }
-    if (detail === "") {
-      alert("설명을 입력해주세요.");
+    if (detail === '') {
+      alert('설명을 입력해주세요.');
       return;
     }
-    if (titleA === "") {
-      alert("선택지 A를 입력해주세요.");
+    if (titleA === '') {
+      alert('선택지 A를 입력해주세요.');
       return;
     }
-    if (titleB === "") {
-      alert("선택지 B를 입력해주세요.");
+    if (titleB === '') {
+      alert('선택지 B를 입력해주세요.');
       return;
     }
   };
diff --git a/apps/jurumarble/src/app/vote/[id]/update/page.tsx b/apps/jurumarble/src/app/vote/[id]/update/page.tsx
index 1eac6223..cddaadb9 100644
--- a/apps/jurumarble/src/app/vote/[id]/update/page.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/update/page.tsx
@@ -1,4 +1,4 @@
-import UpdateVoteContainer from "./components/UpdateVoteContainer";
+import UpdateVoteContainer from './components/UpdateVoteContainer';
 
 function UpdatePage() {
   return <UpdateVoteContainer />;
diff --git a/apps/jurumarble/src/app/vote/components/MenuBox.tsx b/apps/jurumarble/src/app/vote/components/MenuBox.tsx
index 5bddd79a..352de03a 100644
--- a/apps/jurumarble/src/app/vote/components/MenuBox.tsx
+++ b/apps/jurumarble/src/app/vote/components/MenuBox.tsx
@@ -1,4 +1,4 @@
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface Props {
   onModify?: () => void;
@@ -7,7 +7,12 @@ interface Props {
   right?: string;
 }
 
-function ModifyDeleteButtonBox({ onModify, onDelete, top = "0", right = "0px" }: Props) {
+function ModifyDeleteButtonBox({
+  onModify,
+  onDelete,
+  top = '0',
+  right = '0px',
+}: Props) {
   return (
     <Container top={top} right={right}>
       <MenuText className="modify" onClick={onModify}>
diff --git a/apps/jurumarble/src/app/vote/components/NonWriterBox.tsx b/apps/jurumarble/src/app/vote/components/NonWriterBox.tsx
index 82ee5b8e..dfc6f866 100644
--- a/apps/jurumarble/src/app/vote/components/NonWriterBox.tsx
+++ b/apps/jurumarble/src/app/vote/components/NonWriterBox.tsx
@@ -1,4 +1,4 @@
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface Props {
   onCopy?: () => void;
@@ -7,7 +7,7 @@ interface Props {
   right?: string;
 }
 
-function NonWriterBox({ onCopy, onReport, top = "0", right = "0px" }: Props) {
+function NonWriterBox({ onCopy, onReport, top = '0', right = '0px' }: Props) {
   return (
     <Container top={top} right={right}>
       {onCopy && (
diff --git a/apps/jurumarble/src/app/vote/hooks/useFlipAnimation.ts b/apps/jurumarble/src/app/vote/hooks/useFlipAnimation.ts
index 9d8ad78f..0625b003 100644
--- a/apps/jurumarble/src/app/vote/hooks/useFlipAnimation.ts
+++ b/apps/jurumarble/src/app/vote/hooks/useFlipAnimation.ts
@@ -1,6 +1,6 @@
-import { useRef, useState } from "react";
+import { useRef, useState } from 'react';
 
-export type Drag = "up" | "down" | null;
+export type Drag = 'up' | 'down' | null;
 function useFlipAnimation(onChangeNowShowing: (index: number) => void) {
   const [drag, setDrag] = useState<Drag>(null);
   const [startTouchPosition, setStartTouchPosition] = useState({
@@ -18,13 +18,13 @@ function useFlipAnimation(onChangeNowShowing: (index: number) => void) {
     lastTouchEventTimeRef.current = now;
     // 휠을 올리면 up, 내리면 down
     if (e.deltaY < 0) {
-      setDrag("up");
+      setDrag('up');
       setTimeout(() => {
         onChangeNowShowing(-1);
       }, 750);
     }
     if (e.deltaY > 0) {
-      setDrag("down");
+      setDrag('down');
       setTimeout(() => {
         onChangeNowShowing(1);
       }, 750);
@@ -52,13 +52,13 @@ function useFlipAnimation(onChangeNowShowing: (index: number) => void) {
 
     //터치의 시작이 끝보다 위면 up, 아래면 down
     if (e.changedTouches[0].clientY - startTouchPosition.y > 0) {
-      setDrag("up");
+      setDrag('up');
       setTimeout(() => {
         onChangeNowShowing(-1);
       }, 750);
     }
     if (e.changedTouches[0].clientY - startTouchPosition.y < 0) {
-      setDrag("down");
+      setDrag('down');
       setTimeout(() => {
         onChangeNowShowing(1);
       }, 750);
diff --git a/apps/jurumarble/src/app/vote/layout.tsx b/apps/jurumarble/src/app/vote/layout.tsx
index 6542447c..94e96495 100644
--- a/apps/jurumarble/src/app/vote/layout.tsx
+++ b/apps/jurumarble/src/app/vote/layout.tsx
@@ -1,14 +1,14 @@
-"use client";
+'use client';
 
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 
-import Header from "components/Header";
-import VoteHeader from "components/VoteHeader";
-import { Button } from "components/button";
-import Path from "lib/Path";
-import { usePathname, useRouter } from "next/navigation";
-import { SvgIcPrevious } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+import Header from 'components/Header';
+import VoteHeader from 'components/VoteHeader';
+import { Button } from 'components/button';
+import Path from 'lib/Path';
+import { usePathname, useRouter } from 'next/navigation';
+import { SvgIcPrevious } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
 export default function Layout({ children }: PropsWithChildren) {
   const pathname = usePathname();
@@ -26,7 +26,7 @@ export default function Layout({ children }: PropsWithChildren) {
             </PreviousButton>
           }
         >
-          {pathname === Path.POST_PAGE ? "투표 등록" : "상세페이지"}
+          {pathname === Path.POST_PAGE ? '투표 등록' : '상세페이지'}
         </VoteHeader>
       )}
       {children}
diff --git a/apps/jurumarble/src/app/vote/page.tsx b/apps/jurumarble/src/app/vote/page.tsx
index 81abf81b..c8b5fbf9 100644
--- a/apps/jurumarble/src/app/vote/page.tsx
+++ b/apps/jurumarble/src/app/vote/page.tsx
@@ -1,28 +1,28 @@
-"use client";
+'use client';
 
-import { useRef } from "react";
+import { useRef } from 'react';
 
-import BottomBar from "components/BottomBar";
-import Loading from "components/Loading";
-import { Button } from "components/button";
-import Path from "lib/Path";
-import { media } from "lib/styles";
-import Image from "next/image";
-import { useRouter, useSearchParams } from "next/navigation";
-import { ImgScroll } from "public/images";
-import { toast } from "react-toastify";
-import useBookmarkService from "services/useBookmarkService";
-import SvgIcDetail from "src/assets/icons/components/IcDetail";
-import styled, { css } from "styled-components";
+import BottomBar from 'components/BottomBar';
+import Loading from 'components/Loading';
+import { Button } from 'components/button';
+import Path from 'lib/Path';
+import { media } from 'lib/styles';
+import Image from 'next/image';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { ImgScroll } from 'public/images';
+import { toast } from 'react-toastify';
+import useBookmarkService from 'services/useBookmarkService';
+import SvgIcDetail from 'src/assets/icons/components/IcDetail';
+import styled, { css } from 'styled-components';
 
-import ChipContainer from "./[id]/components/ChipContainer";
-import VoteDescription from "./[id]/components/VoteDescription";
-import useExecuteVoteService from "./[id]/services/useExecuteVoteService";
-import useFilteredStatisticsService from "./[id]/services/useFilterStatisticsService";
-import useFlipAnimation from "./hooks/useFlipAnimation";
-import useInfiniteMainListService from "./services/useGetVoteListService";
+import ChipContainer from './[id]/components/ChipContainer';
+import VoteDescription from './[id]/components/VoteDescription';
+import useExecuteVoteService from './[id]/services/useExecuteVoteService';
+import useFilteredStatisticsService from './[id]/services/useFilterStatisticsService';
+import useFlipAnimation from './hooks/useFlipAnimation';
+import useInfiniteMainListService from './services/useGetVoteListService';
 
-export type Drag = "up" | "down" | null;
+export type Drag = 'up' | 'down' | null;
 
 function VoteHomePage() {
   const searchParams = useSearchParams();
@@ -30,9 +30,9 @@ function VoteHomePage() {
   /**
    * @TODO 여러번 뜨는 현상 지속시 삭제
    */
-  params.get("isSuccess") &&
-    toast.success("정상적으로 투표가 등록되었습니다!.", {
-      toastId: "voteSuccess",
+  params.get('isSuccess') &&
+    toast.success('정상적으로 투표가 등록되었습니다!.', {
+      toastId: 'voteSuccess',
     });
 
   const router = useRouter();
@@ -40,7 +40,7 @@ function VoteHomePage() {
   const { isError, isLoading, mainVoteList, nowShowing, onChangeNowShowing } =
     useInfiniteMainListService({
       size: 10,
-      sortBy: "ByTime",
+      sortBy: 'ByTime',
     });
 
   const { onActFlip, drag, onTouchStartPosition, onTouchMoveActFlip } =
@@ -63,7 +63,7 @@ function VoteHomePage() {
   const { isBookmark, mutateBookMark } = useBookmarkService(voteId);
 
   const { mutate, select } = useExecuteVoteService(voteId);
-  const onMutateVoting = (select: "A" | "B") => {
+  const onMutateVoting = (select: 'A' | 'B') => {
     mutate(select);
   };
 
@@ -71,10 +71,15 @@ function VoteHomePage() {
 
   const onScrollBottom = () => {
     // 스크롤을 최하단으로 내린다
-    moreRef.current?.scrollIntoView({ behavior: "smooth" });
+    moreRef.current?.scrollIntoView({ behavior: 'smooth' });
   };
 
-  const { voteStatisticsQuery } = useFilteredStatisticsService(Number(voteId), "", "", "");
+  const { voteStatisticsQuery } = useFilteredStatisticsService(
+    Number(voteId),
+    '',
+    '',
+    '',
+  );
 
   const {
     data: statistics,
@@ -82,8 +87,12 @@ function VoteHomePage() {
     isError: isStatisticsError,
   } = voteStatisticsQuery;
 
-  if (isLoading || isStatisticsLoading) {return <Loading />;}
-  if (isError || isStatisticsError) {return <PageInner drag={drag}>에러</PageInner>;}
+  if (isLoading || isStatisticsLoading) {
+    return <Loading />;
+  }
+  if (isError || isStatisticsError) {
+    return <PageInner drag={drag}>에러</PageInner>;
+  }
 
   const { percentageA, percentageB, totalCountA, totalCountB } = statistics;
 
@@ -143,7 +152,10 @@ function VoteHomePage() {
               drinkAId={1}
               drinkBId={1}
             />
-            <MoreButton onClick={() => router.push(`vote/${voteId}`)} ref={moreRef}>
+            <MoreButton
+              onClick={() => router.push(`vote/${voteId}`)}
+              ref={moreRef}
+            >
               더보기 <SvgIcDetail width={16} height={16} />
             </MoreButton>
           </PageInner>
@@ -191,7 +203,7 @@ const PageInner = styled.div<{ drag: Drag }>`
   }
 
   ${({ drag }) =>
-    drag === "up" &&
+    drag === 'up' &&
     css`
       transition: all 0.5s ease-in-out;
       transform-origin: 50% 0;
@@ -200,7 +212,7 @@ const PageInner = styled.div<{ drag: Drag }>`
       opacity: 0;
     `}
   ${({ drag }) =>
-    drag === "down" &&
+    drag === 'down' &&
     css`
       transition: all 0.5s ease-in-out;
       transform: rotateX(90deg) scale(0.9, 1.032);
@@ -234,7 +246,7 @@ const FirstPageBase = styled.div<{ drag: Drag }>`
     height: 620px;
   }
   ${({ drag }) =>
-    drag === "up" &&
+    drag === 'up' &&
     css`
       perspective: 600px;
       transform-origin: 50% 0;
@@ -242,7 +254,7 @@ const FirstPageBase = styled.div<{ drag: Drag }>`
       opacity: 1;
     `}
   ${({ drag }) =>
-    drag === "down" &&
+    drag === 'down' &&
     css`
       opacity: 1;
       transform: scale(1.11, 0.97);
@@ -260,12 +272,12 @@ const SecondPageBase = styled(FirstPageBase)`
     height: 640px;
   }
   ${({ drag }) =>
-    drag === "up" &&
+    drag === 'up' &&
     css`
       opacity: 0.6;
     `}
   ${({ drag }) =>
-    drag === "down" &&
+    drag === 'down' &&
     css`
       opacity: 0.6;
     `}
diff --git a/apps/jurumarble/src/app/vote/post/components/DrinkItem.tsx b/apps/jurumarble/src/app/vote/post/components/DrinkItem.tsx
index b5a8aad0..ca327b5d 100644
--- a/apps/jurumarble/src/app/vote/post/components/DrinkItem.tsx
+++ b/apps/jurumarble/src/app/vote/post/components/DrinkItem.tsx
@@ -1,8 +1,8 @@
-import Chip from "components/Chip";
-import { transitions } from "lib/styles";
-import Image from "next/image";
-import { DrinkInfo , DrinkInfoType } from "src/types/drink";
-import styled, { css } from "styled-components";
+import Chip from 'components/Chip';
+import { transitions } from 'lib/styles';
+import Image from 'next/image';
+import { DrinkInfo, DrinkInfoType } from 'src/types/drink';
+import styled, { css } from 'styled-components';
 
 interface Props {
   drinkInfo: DrinkInfo;
@@ -13,12 +13,17 @@ interface Props {
 function DrinkItem({ drinkInfo, onClickAddDrink, selectedDrinkList }: Props) {
   const { name, manufacturer, image } = drinkInfo;
 
-  const isInclude = (selectedDrink: DrinkInfoType) => selectedDrink.id === drinkInfo.id;
+  const isInclude = (selectedDrink: DrinkInfoType) =>
+    selectedDrink.id === drinkInfo.id;
 
   return (
-    <Container onClick={onClickAddDrink} name={name} selected={selectedDrinkList.some(isInclude)}>
+    <Container
+      onClick={onClickAddDrink}
+      name={name}
+      selected={selectedDrinkList.some(isInclude)}
+    >
       <ImageWrapper>
-        <Image alt={name} src={image} fill style={{ borderRadius: "10px" }} />
+        <Image alt={name} src={image} fill style={{ borderRadius: '10px' }} />
       </ImageWrapper>
       <InfoContainer>
         <NameStampContainer>
@@ -36,7 +41,8 @@ function DrinkItem({ drinkInfo, onClickAddDrink, selectedDrinkList }: Props) {
 
 const Container = styled.button<{ selected: boolean }>`
   display: flex;
-  box-shadow: 0px 2px 8px 0px rgba(235, 235, 235, 0.4), 0px 8px 20px 0px rgba(235, 235, 235, 0.4);
+  box-shadow: 0px 2px 8px 0px rgba(235, 235, 235, 0.4),
+    0px 8px 20px 0px rgba(235, 235, 235, 0.4);
   height: 120px;
   padding: 16px;
   border-radius: 16px;
diff --git a/apps/jurumarble/src/app/vote/post/components/DrinkSearchModal.tsx b/apps/jurumarble/src/app/vote/post/components/DrinkSearchModal.tsx
index 206e1300..5c074472 100644
--- a/apps/jurumarble/src/app/vote/post/components/DrinkSearchModal.tsx
+++ b/apps/jurumarble/src/app/vote/post/components/DrinkSearchModal.tsx
@@ -1,48 +1,61 @@
-"use client";
+'use client';
 
-import { useState } from "react";
+import { useState } from 'react';
 
-import DrinkItem from "app/vote/post/components/DrinkItem";
-import SearchInput from "components/SearchInput";
-import VoteHeader from "components/VoteHeader";
-import { Button, ModalTemplate } from "components/index";
-import useInput from "hooks/useInput";
-import SvgIcX from "src/assets/icons/components/IcX";
-import { DrinkInfoType } from "src/types/drink";
-import styled, { css } from "styled-components";
+import DrinkItem from 'app/vote/post/components/DrinkItem';
+import SearchInput from 'components/SearchInput';
+import VoteHeader from 'components/VoteHeader';
+import { Button, ModalTemplate } from 'components/index';
+import useInput from 'hooks/useInput';
+import SvgIcX from 'src/assets/icons/components/IcX';
+import { DrinkInfoType } from 'src/types/drink';
+import styled, { css } from 'styled-components';
 
-import RegionSelect from "./RegionSelect";
-import SelectedDrinkChip from "./SelectedDrinkChip";
-import useUpdateSelectedDrinkList from "../hooks/useUpdateSelectedDrinkList";
-import useGetDrinkList from "../services/useGetDrinkList";
+import RegionSelect from './RegionSelect';
+import SelectedDrinkChip from './SelectedDrinkChip';
+import useUpdateSelectedDrinkList from '../hooks/useUpdateSelectedDrinkList';
+import useGetDrinkList from '../services/useGetDrinkList';
 
 interface Props {
   onToggleDrinkSearchModal: () => void;
   onClickSearchDrinkComplete: (selectedDrinkList: DrinkInfoType[]) => void;
 }
 
-function DrinkSearchModal({ onToggleDrinkSearchModal, onClickSearchDrinkComplete }: Props) {
-  const { selectedDrinkList, onClickAddDrink, onClickDeleteItem, deleteSelectedDrinkList } =
-    useUpdateSelectedDrinkList();
-
-  const [regionOption, setRegionOption] = useState("");
+function DrinkSearchModal({
+  onToggleDrinkSearchModal,
+  onClickSearchDrinkComplete,
+}: Props) {
+  const {
+    selectedDrinkList,
+    onClickAddDrink,
+    onClickDeleteItem,
+    deleteSelectedDrinkList,
+  } = useUpdateSelectedDrinkList();
+
+  const [regionOption, setRegionOption] = useState('');
   const onChangeRegionOption = (value: string) => {
     deleteSelectedDrinkList();
     setRegionOption(value);
   };
 
-  const { value: keyword, onChange: onChangeKeyword } = useInput({ useDebounce: true });
+  const { value: keyword, onChange: onChangeKeyword } = useInput({
+    useDebounce: true,
+  });
 
   const { drinkList } = useGetDrinkList({
     keyword,
     region: regionOption,
     page: 0,
     size: 100,
-    sortBy: "ByPopularity",
+    sortBy: 'ByPopularity',
   });
 
   return (
-    <ModalTemplate width="375px" height="100%" onToggleModal={onToggleDrinkSearchModal}>
+    <ModalTemplate
+      width="375px"
+      height="100%"
+      onToggleModal={onToggleDrinkSearchModal}
+    >
       <VoteHeader
         rightButton={
           <CloseButton onClick={onToggleDrinkSearchModal}>
@@ -53,7 +66,10 @@ function DrinkSearchModal({ onToggleDrinkSearchModal, onClickSearchDrinkComplete
         <TitleStyled>술 검색하기</TitleStyled>
       </VoteHeader>
       <SearchSection>
-        <RegionSelect regionOption={regionOption} onChangeRegionOption={onChangeRegionOption} />
+        <RegionSelect
+          regionOption={regionOption}
+          onChangeRegionOption={onChangeRegionOption}
+        />
         {regionOption && (
           <SearchInput
             placeholder="관심있는 술을 검색해보세요."
diff --git a/apps/jurumarble/src/app/vote/post/components/PostBottomSheet.tsx b/apps/jurumarble/src/app/vote/post/components/PostBottomSheet.tsx
index d54b3b30..368e27d7 100644
--- a/apps/jurumarble/src/app/vote/post/components/PostBottomSheet.tsx
+++ b/apps/jurumarble/src/app/vote/post/components/PostBottomSheet.tsx
@@ -1,12 +1,15 @@
-import { Button, Portal } from "components/index";
-import styled, { css } from "styled-components";
+import { Button, Portal } from 'components/index';
+import styled, { css } from 'styled-components';
 
 interface Props {
   onToggleDrinkSearchModal: () => void;
   onChangePostStep: () => void;
 }
 
-function PostBottomSheet({ onToggleDrinkSearchModal, onChangePostStep }: Props) {
+function PostBottomSheet({
+  onToggleDrinkSearchModal,
+  onChangePostStep,
+}: Props) {
   return (
     <Portal selector="#portal">
       <BottomSheet>
diff --git a/apps/jurumarble/src/app/vote/post/components/PostVoteContainer.tsx b/apps/jurumarble/src/app/vote/post/components/PostVoteContainer.tsx
index e87eef7c..60f913b6 100644
--- a/apps/jurumarble/src/app/vote/post/components/PostVoteContainer.tsx
+++ b/apps/jurumarble/src/app/vote/post/components/PostVoteContainer.tsx
@@ -1,21 +1,21 @@
-"use client";
+'use client';
 
-import { useMemo } from "react";
+import { useMemo } from 'react';
 
-import { useToggle } from "@monorepo/hooks";
-import AorBMark from "components/AorBMark";
-import ImageUploadButton from "components/ImageUploadButton";
-import { Button, Input } from "components/index";
-import { media } from "lib/styles";
-import depths from "lib/styles/depths";
-import Image from "next/image";
-import { SvgIcX, SvgInfo } from "src/assets/icons/components";
-import { DrinkInfoType } from "src/types/drink";
-import styled, { css } from "styled-components";
+import { useToggle } from '@monorepo/hooks';
+import AorBMark from 'components/AorBMark';
+import ImageUploadButton from 'components/ImageUploadButton';
+import { Button, Input } from 'components/index';
+import { media } from 'lib/styles';
+import depths from 'lib/styles/depths';
+import Image from 'next/image';
+import { SvgIcX, SvgInfo } from 'src/assets/icons/components';
+import { DrinkInfoType } from 'src/types/drink';
+import styled, { css } from 'styled-components';
 
-import DrinkSearchModal from "./DrinkSearchModal";
-import TitleAndDescriptionSection from "./TitleAndDescriptionSection";
-import usePostVoteService from "../services/usePostVoteService";
+import DrinkSearchModal from './DrinkSearchModal';
+import TitleAndDescriptionSection from './TitleAndDescriptionSection';
+import usePostVoteService from '../services/usePostVoteService';
 
 function PostVoteContainer() {
   const [isDrinkSearchModal, onToggleDrinkSearchModal] = useToggle();
@@ -81,7 +81,12 @@ function PostVoteContainer() {
         <label htmlFor="no-image">
           <ImageSection>
             <ImageUploadButton width="100%" height="163px" />
-            <ImageUploadInput multiple type="file" id="no-image" onChange={onUploadImage} />
+            <ImageUploadInput
+              multiple
+              type="file"
+              id="no-image"
+              onChange={onUploadImage}
+            />
           </ImageSection>
         </label>
       ) : (
@@ -94,13 +99,18 @@ function PostVoteContainer() {
                   alt="A이미지"
                   fill
                   style={{
-                    objectFit: "cover",
-                    borderRadius: "10px",
+                    objectFit: 'cover',
+                    borderRadius: '10px',
                   }}
                 />
                 <AorBMark AorB="A">A</AorBMark>
                 <ImageUploadButton width="100%" height="100%" />
-                <ImageUploadInput multiple type="file" id="image-a" onChange={onUploadImage} />
+                <ImageUploadInput
+                  multiple
+                  type="file"
+                  id="image-a"
+                  onChange={onUploadImage}
+                />
               </label>
             </ImageWrapper>
             <ImageWrapper>
@@ -111,14 +121,19 @@ function PostVoteContainer() {
                     alt="B이미지"
                     fill
                     style={{
-                      objectFit: "cover",
-                      borderRadius: "10px",
+                      objectFit: 'cover',
+                      borderRadius: '10px',
                     }}
                   />
                 )}
                 <AorBMark AorB="B">B</AorBMark>
                 <ImageUploadButton width="100%" height="100%" />
-                <ImageUploadInput multiple type="file" id="image-b" onChange={onUploadImage} />
+                <ImageUploadInput
+                  multiple
+                  type="file"
+                  id="image-b"
+                  onChange={onUploadImage}
+                />
               </label>
             </ImageWrapper>
           </ImageContainer>
@@ -243,14 +258,15 @@ const VoteOptionText = styled.div`
   gap: 16px;
 `;
 
-const ABInput = styled(Input)<{ AorB: "A" | "B" }>`
+const ABInput = styled(Input)<{ AorB: 'A' | 'B' }>`
   ${({ theme, AorB }) =>
     css`
       ${theme.typography.body_long03}
       color: ${theme.colors.black_04};
       border-bottom: 1px solid ${theme.colors.line_01};
       :focus {
-        border-bottom: 1px solid ${AorB === "A" ? theme.colors.sub_01 : theme.colors.sub_02};
+        border-bottom: 1px solid
+          ${AorB === 'A' ? theme.colors.sub_01 : theme.colors.sub_02};
       }
     `}
 `;
@@ -283,7 +299,7 @@ const BalloonText = styled.div`
     left: 48px;
 
     ::after {
-      content: "";
+      content: '';
       position: absolute;
       border-top: 8px solid transparent;
       border-bottom: 8px solid ${theme.colors.system_black};
diff --git a/apps/jurumarble/src/app/vote/post/components/RegionSelect.tsx b/apps/jurumarble/src/app/vote/post/components/RegionSelect.tsx
index 7cdddf82..3872a756 100644
--- a/apps/jurumarble/src/app/vote/post/components/RegionSelect.tsx
+++ b/apps/jurumarble/src/app/vote/post/components/RegionSelect.tsx
@@ -1,9 +1,9 @@
-import { useId } from "react";
+import { useId } from 'react';
 
-import { useOutsideClick, useToggle } from "@monorepo/hooks";
-import { REGION_LIST } from "lib/constants";
-import { SvgArrowDown } from "src/assets/icons/components";
-import styled, { css } from "styled-components";
+import { useOutsideClick, useToggle } from '@monorepo/hooks';
+import { REGION_LIST } from 'lib/constants';
+import { SvgArrowDown } from 'src/assets/icons/components';
+import styled, { css } from 'styled-components';
 
 interface Props {
   regionOption: string;
@@ -11,7 +11,7 @@ interface Props {
 }
 
 const COPIED_REGION_LIST = [
-  { value: "", label: "지역을 선택해주세요.", lat: 0, long: 0 },
+  { value: '', label: '지역을 선택해주세요.', lat: 0, long: 0 },
   ...REGION_LIST,
 ];
 
@@ -32,7 +32,10 @@ function RegionSelect({ regionOption, onChangeRegionOption }: Props) {
           onClick={onToggleOpen}
         >
           <SelectedText className="selected-label">
-            {COPIED_REGION_LIST.find(({ value }) => value === regionOption)?.label}
+            {
+              COPIED_REGION_LIST.find(({ value }) => value === regionOption)
+                ?.label
+            }
             <span id="indicator">
               <SvgArrowDown width={24} height={24} />
             </span>
@@ -80,7 +83,7 @@ const SelectStyled = styled.div<{ isOpen: boolean }>`
       color: ${theme.colors.black_01};
     }
     svg {
-      ${isOpen && "transform: rotateX( 180deg )"}
+      ${isOpen && 'transform: rotateX( 180deg )'}
     }
   `}
 `;
diff --git a/apps/jurumarble/src/app/vote/post/components/SelectedDrinkChip.tsx b/apps/jurumarble/src/app/vote/post/components/SelectedDrinkChip.tsx
index 504fd59b..5e34a40c 100644
--- a/apps/jurumarble/src/app/vote/post/components/SelectedDrinkChip.tsx
+++ b/apps/jurumarble/src/app/vote/post/components/SelectedDrinkChip.tsx
@@ -1,5 +1,5 @@
-import SvgIcX from "src/assets/icons/components/IcX";
-import styled, { css } from "styled-components";
+import SvgIcX from 'src/assets/icons/components/IcX';
+import styled, { css } from 'styled-components';
 
 interface Props {
   children: React.ReactNode;
diff --git a/apps/jurumarble/src/app/vote/post/components/TitleAndDescriptionSection.tsx b/apps/jurumarble/src/app/vote/post/components/TitleAndDescriptionSection.tsx
index 17ae49d0..c012f9ad 100644
--- a/apps/jurumarble/src/app/vote/post/components/TitleAndDescriptionSection.tsx
+++ b/apps/jurumarble/src/app/vote/post/components/TitleAndDescriptionSection.tsx
@@ -1,6 +1,6 @@
-import { Button } from "components/button";
-import { transitions } from "lib/styles";
-import styled, { css } from "styled-components";
+import { Button } from 'components/button';
+import { transitions } from 'lib/styles';
+import styled, { css } from 'styled-components';
 
 interface Props {
   title: string;
diff --git a/apps/jurumarble/src/app/vote/post/hooks/useUpdateSelectedDrinkList.ts b/apps/jurumarble/src/app/vote/post/hooks/useUpdateSelectedDrinkList.ts
index ac9cd23f..51168a1b 100644
--- a/apps/jurumarble/src/app/vote/post/hooks/useUpdateSelectedDrinkList.ts
+++ b/apps/jurumarble/src/app/vote/post/hooks/useUpdateSelectedDrinkList.ts
@@ -1,24 +1,35 @@
-import { useState } from "react";
+import { useState } from 'react';
 
-import { DrinkInfoType } from "src/types/drink";
+import { DrinkInfoType } from 'src/types/drink';
 
 export default function useUpdateSelectedDrinkList() {
   const [selectedDrinkList, setDrinkList] = useState<DrinkInfoType[]>([]);
 
   const onClickAddDrink = (clickDrink: DrinkInfoType) => {
-    const isInclude = (selectedDrink: DrinkInfoType) => selectedDrink.id === clickDrink.id;
+    const isInclude = (selectedDrink: DrinkInfoType) =>
+      selectedDrink.id === clickDrink.id;
     selectedDrinkList.some(isInclude)
-      ? setDrinkList((prev) => prev.filter((selectedDrink) => selectedDrink.id !== clickDrink.id))
-      : selectedDrinkList.length < 2 && setDrinkList((prev) => [...prev.concat(clickDrink)]);
+      ? setDrinkList((prev) =>
+          prev.filter((selectedDrink) => selectedDrink.id !== clickDrink.id),
+        )
+      : selectedDrinkList.length < 2 &&
+        setDrinkList((prev) => [...prev.concat(clickDrink)]);
   };
 
   const onClickDeleteItem = (clickDrink: DrinkInfoType) => {
-    setDrinkList((prev) => prev.filter((selectedDrink) => selectedDrink.id !== clickDrink.id));
+    setDrinkList((prev) =>
+      prev.filter((selectedDrink) => selectedDrink.id !== clickDrink.id),
+    );
   };
 
   const deleteSelectedDrinkList = () => {
     setDrinkList([]);
   };
 
-  return { selectedDrinkList, onClickAddDrink, onClickDeleteItem, deleteSelectedDrinkList };
+  return {
+    selectedDrinkList,
+    onClickAddDrink,
+    onClickDeleteItem,
+    deleteSelectedDrinkList,
+  };
 }
diff --git a/apps/jurumarble/src/app/vote/post/page.tsx b/apps/jurumarble/src/app/vote/post/page.tsx
index 4adf4eb0..cc9416e1 100644
--- a/apps/jurumarble/src/app/vote/post/page.tsx
+++ b/apps/jurumarble/src/app/vote/post/page.tsx
@@ -1,4 +1,4 @@
-import PostVoteContainer from "./components/PostVoteContainer";
+import PostVoteContainer from './components/PostVoteContainer';
 
 function PostPage() {
   return <PostVoteContainer />;
diff --git a/apps/jurumarble/src/app/vote/post/services/useGetDrinkList.ts b/apps/jurumarble/src/app/vote/post/services/useGetDrinkList.ts
index 41cd8f79..1d9340b8 100644
--- a/apps/jurumarble/src/app/vote/post/services/useGetDrinkList.ts
+++ b/apps/jurumarble/src/app/vote/post/services/useGetDrinkList.ts
@@ -1,8 +1,11 @@
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { getDrinkList } from "lib/apis/drink";
-import { queryKeys } from "lib/queryKeys";
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getDrinkList } from 'lib/apis/drink';
+import { queryKeys } from 'lib/queryKeys';
 
-type SearchDrinkServiceProps = Exclude<Parameters<typeof getDrinkList>[0], undefined>;
+type SearchDrinkServiceProps = Exclude<
+  Parameters<typeof getDrinkList>[0],
+  undefined
+>;
 
 const getQueryKey = (params: SearchDrinkServiceProps) => [
   queryKeys.SEARCH_DRINK_LIST,
@@ -19,7 +22,9 @@ export default function useGetDrinkList(params: SearchDrinkServiceProps) {
       }),
     {
       getNextPageParam: ({ last, number }) => {
-        if (last) {return undefined;}
+        if (last) {
+          return undefined;
+        }
         return {
           page: number + 1,
         };
diff --git a/apps/jurumarble/src/app/vote/post/services/usePostVoteService.ts b/apps/jurumarble/src/app/vote/post/services/usePostVoteService.ts
index 7f8e9a7f..79891cd3 100644
--- a/apps/jurumarble/src/app/vote/post/services/usePostVoteService.ts
+++ b/apps/jurumarble/src/app/vote/post/services/usePostVoteService.ts
@@ -1,32 +1,35 @@
-import React, { useCallback, useState } from "react";
+import React, { useCallback, useState } from 'react';
 
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import Path from "lib/Path";
-import { uploadImageAPI } from "lib/apis/common";
-import { postDrinkVoteAPI, postNormalVoteAPI } from "lib/apis/vote";
-import { queryKeys } from "lib/queryKeys";
-import { useRouter } from "next/navigation";
-import { DrinkInfoType } from "src/types/drink";
-import { PostVoteType } from "src/types/vote";
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import Path from 'lib/Path';
+import { uploadImageAPI } from 'lib/apis/common';
+import { postDrinkVoteAPI, postNormalVoteAPI } from 'lib/apis/vote';
+import { queryKeys } from 'lib/queryKeys';
+import { useRouter } from 'next/navigation';
+import { DrinkInfoType } from 'src/types/drink';
+import { PostVoteType } from 'src/types/vote';
 
 export default function usePostVoteService() {
   const router = useRouter();
   const queryClient = useQueryClient();
 
   const [postVoteInfo, setPostVoteInfo] = useState<PostVoteType>({
-    detail: "",
+    detail: '',
     drinkAId: 0,
     drinkBId: 0,
-    imageA: "",
-    imageB: "",
-    title: "",
-    titleA: "",
-    titleB: "",
+    imageA: '',
+    imageB: '',
+    title: '',
+    titleA: '',
+    titleB: '',
   });
 
-  const { title, detail, titleA, titleB, imageA, imageB, drinkAId, drinkBId } = postVoteInfo;
+  const { title, detail, titleA, titleB, imageA, imageB, drinkAId, drinkBId } =
+    postVoteInfo;
 
-  const onChangeVoteText = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+  const onChangeVoteText = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+  ) => {
     const { name, value } = e.target;
     setPostVoteInfo({
       ...postVoteInfo,
@@ -60,12 +63,12 @@ export default function usePostVoteService() {
 
       if (e.target.files.length === 1) {
         if (e.target.files[0].size > 2000000) {
-          alert("파일 용량이 2MB를 초과하였습니다.");
+          alert('파일 용량이 2MB를 초과하였습니다.');
           return;
         }
         if (!!postVoteInfo.imageA) {
           const formDataB = new FormData();
-          formDataB.append("images", e.target.files[0]);
+          formDataB.append('images', e.target.files[0]);
           try {
             const dataB = await uploadImageAPI(formDataB);
             setPostVoteInfo({
@@ -78,7 +81,7 @@ export default function usePostVoteService() {
           return;
         }
         const formDataA = new FormData();
-        formDataA.append("images", e.target.files[0]);
+        formDataA.append('images', e.target.files[0]);
         try {
           const dataA = await uploadImageAPI(formDataA);
 
@@ -93,14 +96,17 @@ export default function usePostVoteService() {
       }
 
       if (e.target.files.length === 2) {
-        if (e.target.files[0].size > 2000000 || e.target.files[1].size > 2000000) {
-          alert("파일 용량이 2MB를 초과하였습니다.");
+        if (
+          e.target.files[0].size > 2000000 ||
+          e.target.files[1].size > 2000000
+        ) {
+          alert('파일 용량이 2MB를 초과하였습니다.');
           return;
         }
         const formDataA = new FormData();
         const formDataB = new FormData();
-        formDataA.append("images", e.target.files[0]);
-        formDataB.append("images", e.target.files[1]);
+        formDataA.append('images', e.target.files[0]);
+        formDataB.append('images', e.target.files[1]);
         try {
           const dataA = await uploadImageAPI(formDataA);
           const dataB = await uploadImageAPI(formDataB);
@@ -120,7 +126,8 @@ export default function usePostVoteService() {
   );
 
   const { mutate: mutateNomalVote } = useMutation(
-    (voteInfo: Omit<PostVoteType, "drinkAId" | "drinkBId">) => postNormalVoteAPI(voteInfo),
+    (voteInfo: Omit<PostVoteType, 'drinkAId' | 'drinkBId'>) =>
+      postNormalVoteAPI(voteInfo),
     {
       onSuccess: () => {
         queryClient.invalidateQueries([queryKeys.VOTE_LIST]);
@@ -129,7 +136,7 @@ export default function usePostVoteService() {
     },
   );
   const { mutate: mutateDrinkVote } = useMutation(
-    (voteInfo: Omit<PostVoteType, "titleA" | "titleB" | "imageA" | "imageB">) =>
+    (voteInfo: Omit<PostVoteType, 'titleA' | 'titleB' | 'imageA' | 'imageB'>) =>
       postDrinkVoteAPI(voteInfo),
     {
       onSuccess: () => {
diff --git a/apps/jurumarble/src/app/vote/services/useGetVoteListService.tsx b/apps/jurumarble/src/app/vote/services/useGetVoteListService.tsx
index 272439c6..1ac6bbd0 100644
--- a/apps/jurumarble/src/app/vote/services/useGetVoteListService.tsx
+++ b/apps/jurumarble/src/app/vote/services/useGetVoteListService.tsx
@@ -1,9 +1,9 @@
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from 'react';
 
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { getVoteListAPI } from "lib/apis/vote";
-import { reactQueryKeys } from "lib/queryKeys";
-import { VoteSortType } from "src/types/common";
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getVoteListAPI } from 'lib/apis/vote';
+import { reactQueryKeys } from 'lib/queryKeys';
+import { VoteSortType } from 'src/types/common';
 
 interface Props {
   size: number;
@@ -13,15 +13,22 @@ interface Props {
 
 const SafeRange = 5;
 
-export default function useInfiniteMainListService({ size, sortBy, keyword }: Props) {
+export default function useInfiniteMainListService({
+  size,
+  sortBy,
+  keyword,
+}: Props) {
   const [nowShowing, setNowShowing] = useState(0);
 
   const { data, isLoading, isError, fetchNextPage } = useInfiniteQuery(
     reactQueryKeys.mainVoteList(),
-    ({ pageParam = 0 }) => getVoteListAPI({ page: pageParam, size, sortBy, keyword }),
+    ({ pageParam = 0 }) =>
+      getVoteListAPI({ page: pageParam, size, sortBy, keyword }),
     {
       getNextPageParam: (lastPage, pages) => {
-        if (lastPage.last) {return undefined;}
+        if (lastPage.last) {
+          return undefined;
+        }
         return pages.length;
       },
       keepPreviousData: true,
@@ -35,15 +42,28 @@ export default function useInfiniteMainListService({ size, sortBy, keyword }: Pr
   );
 
   const onChangeNowShowing = (index: number) => {
-    if (nowShowing + index < 0) {return;}
-    if (nowShowing + index > mainVoteList.length - 1) {return;}
+    if (nowShowing + index < 0) {
+      return;
+    }
+    if (nowShowing + index > mainVoteList.length - 1) {
+      return;
+    }
     setNowShowing((prev) => prev + index);
   };
 
   useEffect(() => {
-    if (nowShowing === mainVoteList.length - SafeRange) {fetchNextPage();}
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    if (nowShowing === mainVoteList.length - SafeRange) {
+      fetchNextPage();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [nowShowing, mainVoteList.length]);
 
-  return { data, isError, isLoading, mainVoteList, nowShowing, onChangeNowShowing };
+  return {
+    data,
+    isError,
+    isLoading,
+    mainVoteList,
+    nowShowing,
+    onChangeNowShowing,
+  };
 }
diff --git a/apps/jurumarble/src/assets/icons/components/IcArrowDown.tsx b/apps/jurumarble/src/assets/icons/components/IcArrowDown.tsx
index ab7e3f47..dda10e26 100644
--- a/apps/jurumarble/src/assets/icons/components/IcArrowDown.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcArrowDown.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgArrowDown = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -12,7 +12,7 @@ const SvgArrowDown = (props: SVGProps<SVGSVGElement>) => (
     <mask
       id="mask0_266_619"
       style={{
-        maskType: "alpha",
+        maskType: 'alpha',
       }}
       maskUnits="userSpaceOnUse"
       x={0}
@@ -20,7 +20,12 @@ const SvgArrowDown = (props: SVGProps<SVGSVGElement>) => (
       width={20}
       height={20}
     >
-      <rect width={20} height={20} fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <rect
+        width={20}
+        height={20}
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
     </mask>
     <g mask="url(#mask0_266_619)">
       <path
diff --git a/apps/jurumarble/src/assets/icons/components/IcBookmark.tsx b/apps/jurumarble/src/assets/icons/components/IcBookmark.tsx
index 78b729a4..a452f121 100644
--- a/apps/jurumarble/src/assets/icons/components/IcBookmark.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcBookmark.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcBookmark = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcBookmarkActive.tsx b/apps/jurumarble/src/assets/icons/components/IcBookmarkActive.tsx
index 4f8b3432..33a68b41 100644
--- a/apps/jurumarble/src/assets/icons/components/IcBookmarkActive.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcBookmarkActive.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const IcBookmarkActive = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -9,7 +9,14 @@ const IcBookmarkActive = (props: SVGProps<SVGSVGElement>) => (
     fill="none"
     {...props}
   >
-    <mask id="mask0_406_18489" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
+    <mask
+      id="mask0_406_18489"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="0"
+      width="20"
+      height="20"
+    >
       <rect width="20" height="20" fill="#D9D9D9" />
     </mask>
     <g mask="url(#mask0_406_18489)">
diff --git a/apps/jurumarble/src/assets/icons/components/IcCamera.tsx b/apps/jurumarble/src/assets/icons/components/IcCamera.tsx
index c6a87354..6d7a6d59 100644
--- a/apps/jurumarble/src/assets/icons/components/IcCamera.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcCamera.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcCamera = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -12,7 +12,7 @@ const SvgIcCamera = (props: SVGProps<SVGSVGElement>) => (
     <mask
       id="mask0_406_18821"
       style={{
-        maskType: "alpha",
+        maskType: 'alpha',
       }}
       maskUnits="userSpaceOnUse"
       x={0}
@@ -20,7 +20,12 @@ const SvgIcCamera = (props: SVGProps<SVGSVGElement>) => (
       width={24}
       height={24}
     >
-      <rect width={24} height={24} fill="current" vectorEffect="non-scaling-stroke" />
+      <rect
+        width={24}
+        height={24}
+        fill="current"
+        vectorEffect="non-scaling-stroke"
+      />
     </mask>
     <g mask="url(#mask0_406_18821)">
       <path
diff --git a/apps/jurumarble/src/assets/icons/components/IcChat.tsx b/apps/jurumarble/src/assets/icons/components/IcChat.tsx
index 57216f54..0214c47a 100644
--- a/apps/jurumarble/src/assets/icons/components/IcChat.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcChat.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcChat = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcCheck.tsx b/apps/jurumarble/src/assets/icons/components/IcCheck.tsx
index 050b3cf6..bb1f3005 100644
--- a/apps/jurumarble/src/assets/icons/components/IcCheck.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcCheck.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcCheck = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcDetail.tsx b/apps/jurumarble/src/assets/icons/components/IcDetail.tsx
index c150b624..7488ff2b 100644
--- a/apps/jurumarble/src/assets/icons/components/IcDetail.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcDetail.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcDetail = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcExpandMore.tsx b/apps/jurumarble/src/assets/icons/components/IcExpandMore.tsx
index 1f0a8759..daffbee5 100644
--- a/apps/jurumarble/src/assets/icons/components/IcExpandMore.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcExpandMore.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcExpandMore = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -12,7 +12,7 @@ const SvgIcExpandMore = (props: SVGProps<SVGSVGElement>) => (
     <mask
       id="mask0_894_697"
       style={{
-        maskType: "alpha",
+        maskType: 'alpha',
       }}
       maskUnits="userSpaceOnUse"
       x={0}
@@ -20,7 +20,12 @@ const SvgIcExpandMore = (props: SVGProps<SVGSVGElement>) => (
       width={20}
       height={20}
     >
-      <rect width={20} height={20} fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <rect
+        width={20}
+        height={20}
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
     </mask>
     <g mask="url(#mask0_894_697)">
       <path
diff --git a/apps/jurumarble/src/assets/icons/components/IcHeaderSearch.tsx b/apps/jurumarble/src/assets/icons/components/IcHeaderSearch.tsx
index 8f0f6451..6ce608b6 100644
--- a/apps/jurumarble/src/assets/icons/components/IcHeaderSearch.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcHeaderSearch.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgHeaderSearch = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -13,7 +13,7 @@ const SvgHeaderSearch = (props: SVGProps<SVGSVGElement>) => (
       <mask
         id="mask0_1004_284"
         style={{
-          maskType: "alpha",
+          maskType: 'alpha',
         }}
         maskUnits="userSpaceOnUse"
         x={0}
diff --git a/apps/jurumarble/src/assets/icons/components/IcHome.tsx b/apps/jurumarble/src/assets/icons/components/IcHome.tsx
index efd4cb41..0eaa489c 100644
--- a/apps/jurumarble/src/assets/icons/components/IcHome.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcHome.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgHome = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -13,7 +13,7 @@ const SvgHome = (props: SVGProps<SVGSVGElement>) => (
       <mask
         id="mask0_1529_1632"
         style={{
-          maskType: "alpha",
+          maskType: 'alpha',
         }}
         maskUnits="userSpaceOnUse"
         x={0}
diff --git a/apps/jurumarble/src/assets/icons/components/IcInfo.tsx b/apps/jurumarble/src/assets/icons/components/IcInfo.tsx
index 5f3ea5fb..f29662db 100644
--- a/apps/jurumarble/src/assets/icons/components/IcInfo.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcInfo.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgInfo = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -13,7 +13,7 @@ const SvgInfo = (props: SVGProps<SVGSVGElement>) => (
       <mask
         id="mask0_1748_11471"
         style={{
-          maskType: "alpha",
+          maskType: 'alpha',
         }}
         maskUnits="userSpaceOnUse"
         x={0}
diff --git a/apps/jurumarble/src/assets/icons/components/IcKakaoIcon.tsx b/apps/jurumarble/src/assets/icons/components/IcKakaoIcon.tsx
index 0849b4e4..03afbc5a 100644
--- a/apps/jurumarble/src/assets/icons/components/IcKakaoIcon.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcKakaoIcon.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgKakaoIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcLike.tsx b/apps/jurumarble/src/assets/icons/components/IcLike.tsx
index d15eb7e2..2f3b82ed 100644
--- a/apps/jurumarble/src/assets/icons/components/IcLike.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcLike.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcLike = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcLogo.tsx b/apps/jurumarble/src/assets/icons/components/IcLogo.tsx
index a66161d5..f2f2d6b6 100644
--- a/apps/jurumarble/src/assets/icons/components/IcLogo.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcLogo.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgLogo = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcMapPin.tsx b/apps/jurumarble/src/assets/icons/components/IcMapPin.tsx
index 7c9138bf..ae537512 100644
--- a/apps/jurumarble/src/assets/icons/components/IcMapPin.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcMapPin.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcMapPin = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcMark.tsx b/apps/jurumarble/src/assets/icons/components/IcMark.tsx
index 990fd8db..77cf5fa8 100644
--- a/apps/jurumarble/src/assets/icons/components/IcMark.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcMark.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcMark = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcMenu.tsx b/apps/jurumarble/src/assets/icons/components/IcMenu.tsx
index c6d6ae8c..8bd57403 100644
--- a/apps/jurumarble/src/assets/icons/components/IcMenu.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcMenu.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcMenu = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcMyLocation.tsx b/apps/jurumarble/src/assets/icons/components/IcMyLocation.tsx
index bb6d15e3..3f2bc02a 100644
--- a/apps/jurumarble/src/assets/icons/components/IcMyLocation.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcMyLocation.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcMyLocation = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -10,9 +10,19 @@ const SvgIcMyLocation = (props: SVGProps<SVGSVGElement>) => (
     xmlnsXlink="http://www.w3.org/1999/xlink"
     {...props}
   >
-    <rect width={512} height={512} fill="currentColor" vectorEffect="non-scaling-stroke" />
+    <rect
+      width={512}
+      height={512}
+      fill="currentColor"
+      vectorEffect="non-scaling-stroke"
+    />
     <defs>
-      <pattern id="pattern0" patternContentUnits="objectBoundingBox" width={1} height={1}>
+      <pattern
+        id="pattern0"
+        patternContentUnits="objectBoundingBox"
+        width={1}
+        height={1}
+      >
         <use xlinkHref="#image0_19_107" transform="scale(0.00195312)" />
       </pattern>
       <image
diff --git a/apps/jurumarble/src/assets/icons/components/IcMyLocationFloating.tsx b/apps/jurumarble/src/assets/icons/components/IcMyLocationFloating.tsx
index 1e9ecc2b..9e92d8f2 100644
--- a/apps/jurumarble/src/assets/icons/components/IcMyLocationFloating.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcMyLocationFloating.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcMyLocationFloating = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -22,7 +22,7 @@ const SvgIcMyLocationFloating = (props: SVGProps<SVGSVGElement>) => (
       <mask
         id="mask0_872_10822"
         style={{
-          maskType: "alpha",
+          maskType: 'alpha',
         }}
         maskUnits="userSpaceOnUse"
         x={28}
@@ -67,8 +67,15 @@ const SvgIcMyLocationFloating = (props: SVGProps<SVGSVGElement>) => (
         <feOffset dx={4} dy={8} />
         <feGaussianBlur stdDeviation={14} />
         <feComposite in2="hardAlpha" operator="out" />
-        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" />
-        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_872_10822" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
+        />
+        <feBlend
+          mode="normal"
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_872_10822"
+        />
         <feColorMatrix
           in="SourceAlpha"
           type="matrix"
@@ -78,7 +85,10 @@ const SvgIcMyLocationFloating = (props: SVGProps<SVGSVGElement>) => (
         <feOffset dy={4} />
         <feGaussianBlur stdDeviation={6} />
         <feComposite in2="hardAlpha" operator="out" />
-        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0" />
+        <feColorMatrix
+          type="matrix"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"
+        />
         <feBlend
           mode="normal"
           in2="effect1_dropShadow_872_10822"
diff --git a/apps/jurumarble/src/assets/icons/components/IcNaverIcon.tsx b/apps/jurumarble/src/assets/icons/components/IcNaverIcon.tsx
index 42eae3fa..e3d9786b 100644
--- a/apps/jurumarble/src/assets/icons/components/IcNaverIcon.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcNaverIcon.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgNaverIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -18,7 +18,12 @@ const SvgNaverIcon = (props: SVGProps<SVGSVGElement>) => (
     </g>
     <defs>
       <clipPath id="clip0_279_9255">
-        <rect width={16} height={16} fill="currentColor" vectorEffect="non-scaling-stroke" />
+        <rect
+          width={16}
+          height={16}
+          fill="currentColor"
+          vectorEffect="non-scaling-stroke"
+        />
       </clipPath>
     </defs>
   </svg>
diff --git a/apps/jurumarble/src/assets/icons/components/IcNext.tsx b/apps/jurumarble/src/assets/icons/components/IcNext.tsx
index 562ae259..84b7b0fb 100644
--- a/apps/jurumarble/src/assets/icons/components/IcNext.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcNext.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgNext = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -13,7 +13,7 @@ const SvgNext = (props: SVGProps<SVGSVGElement>) => (
       <mask
         id="mask0_1892_10608"
         style={{
-          maskType: "alpha",
+          maskType: 'alpha',
         }}
         maskUnits="userSpaceOnUse"
         x={0}
diff --git a/apps/jurumarble/src/assets/icons/components/IcNotification.tsx b/apps/jurumarble/src/assets/icons/components/IcNotification.tsx
index 24545b14..6fadb058 100644
--- a/apps/jurumarble/src/assets/icons/components/IcNotification.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcNotification.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgNotification = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -13,7 +13,7 @@ const SvgNotification = (props: SVGProps<SVGSVGElement>) => (
       <mask
         id="mask0_1004_277"
         style={{
-          maskType: "alpha",
+          maskType: 'alpha',
         }}
         maskUnits="userSpaceOnUse"
         x={0}
diff --git a/apps/jurumarble/src/assets/icons/components/IcNotificationCheck.tsx b/apps/jurumarble/src/assets/icons/components/IcNotificationCheck.tsx
index 0940aa48..5d714693 100644
--- a/apps/jurumarble/src/assets/icons/components/IcNotificationCheck.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcNotificationCheck.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgNotiIc = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -13,7 +13,7 @@ const SvgNotiIc = (props: SVGProps<SVGSVGElement>) => (
       <mask
         id="mask0_1437_20226"
         style={{
-          maskType: "alpha",
+          maskType: 'alpha',
         }}
         maskUnits="userSpaceOnUse"
         x={0}
diff --git a/apps/jurumarble/src/assets/icons/components/IcPin.tsx b/apps/jurumarble/src/assets/icons/components/IcPin.tsx
index 3641731f..b2ebd823 100644
--- a/apps/jurumarble/src/assets/icons/components/IcPin.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcPin.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcPin = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcPlus.tsx b/apps/jurumarble/src/assets/icons/components/IcPlus.tsx
index 3a833b1d..47fb1cc0 100644
--- a/apps/jurumarble/src/assets/icons/components/IcPlus.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcPlus.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcPlus = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcPrev.tsx b/apps/jurumarble/src/assets/icons/components/IcPrev.tsx
index 12c27688..6eb13ae3 100644
--- a/apps/jurumarble/src/assets/icons/components/IcPrev.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcPrev.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcPrev = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcPrevious.tsx b/apps/jurumarble/src/assets/icons/components/IcPrevious.tsx
index eef68f55..eded9321 100644
--- a/apps/jurumarble/src/assets/icons/components/IcPrevious.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcPrevious.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgPrevious = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -13,7 +13,7 @@ const SvgPrevious = (props: SVGProps<SVGSVGElement>) => (
       <mask
         id="mask0_1910_10702"
         style={{
-          maskType: "alpha",
+          maskType: 'alpha',
         }}
         maskUnits="userSpaceOnUse"
         x={0}
diff --git a/apps/jurumarble/src/assets/icons/components/IcSearch.tsx b/apps/jurumarble/src/assets/icons/components/IcSearch.tsx
index 43f334aa..9cad5134 100644
--- a/apps/jurumarble/src/assets/icons/components/IcSearch.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcSearch.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcSearch = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcStamp.tsx b/apps/jurumarble/src/assets/icons/components/IcStamp.tsx
index ea2886c6..4b1cf0e5 100644
--- a/apps/jurumarble/src/assets/icons/components/IcStamp.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcStamp.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgStamp = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcThunder.tsx b/apps/jurumarble/src/assets/icons/components/IcThunder.tsx
index fdf194e5..40320fd1 100644
--- a/apps/jurumarble/src/assets/icons/components/IcThunder.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcThunder.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcThunder = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcUser.tsx b/apps/jurumarble/src/assets/icons/components/IcUser.tsx
index c448e6a9..1e26aed3 100644
--- a/apps/jurumarble/src/assets/icons/components/IcUser.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcUser.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgUser = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -13,7 +13,7 @@ const SvgUser = (props: SVGProps<SVGSVGElement>) => (
       <mask
         id="mask0_1529_1658"
         style={{
-          maskType: "alpha",
+          maskType: 'alpha',
         }}
         maskUnits="userSpaceOnUse"
         x={0}
diff --git a/apps/jurumarble/src/assets/icons/components/IcWarningIcon.tsx b/apps/jurumarble/src/assets/icons/components/IcWarningIcon.tsx
index 1dffef33..91283b4e 100644
--- a/apps/jurumarble/src/assets/icons/components/IcWarningIcon.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcWarningIcon.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgWarningIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/IcX.tsx b/apps/jurumarble/src/assets/icons/components/IcX.tsx
index 6c217fd1..89d7fe6c 100644
--- a/apps/jurumarble/src/assets/icons/components/IcX.tsx
+++ b/apps/jurumarble/src/assets/icons/components/IcX.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgIcX = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/ManAvatar.tsx b/apps/jurumarble/src/assets/icons/components/ManAvatar.tsx
index 9ec4a1fd..5ec23f3a 100644
--- a/apps/jurumarble/src/assets/icons/components/ManAvatar.tsx
+++ b/apps/jurumarble/src/assets/icons/components/ManAvatar.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
   <svg
@@ -420,7 +420,11 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M3.9375 68H0V72H3.9375V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M3.9375 68H0V72H3.9375V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M7.875 68H3.9375V72H7.875V68Z"
         fill="currentColor"
@@ -1071,7 +1075,11 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M63 64H59.0625V68H63V64Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M63 64H59.0625V68H63V64Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M27.5625 52H23.625V56H27.5625V52Z"
         fill="currentColor"
@@ -1177,7 +1185,11 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M3.9375 68H0V72H3.9375V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M3.9375 68H0V72H3.9375V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M11.8125 72H7.875V76H11.8125V72Z"
         fill="currentColor"
@@ -1188,7 +1200,11 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M3.9375 68H0V72H3.9375V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M3.9375 68H0V72H3.9375V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M7.875 68H3.9375V72H7.875V68Z"
         fill="currentColor"
@@ -1439,8 +1455,16 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M3.9375 72H0V76H3.9375V72Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M3.9375 76H0V80H3.9375V76Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M3.9375 72H0V76H3.9375V72Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M3.9375 76H0V80H3.9375V76Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M7.875 76H3.9375V80H7.875V76Z"
         fill="currentColor"
@@ -1471,7 +1495,11 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M3.9375 76H0V80H3.9375V76Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M3.9375 76H0V80H3.9375V76Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M15.75 76H11.8125V80H15.75V76Z"
         fill="currentColor"
@@ -1502,10 +1530,26 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M63 68H59.0625V72H63V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 72H59.0625V76H63V72Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 76H59.0625V80H63V76Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 76H59.0625V80H63V76Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M63 68H59.0625V72H63V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 72H59.0625V76H63V72Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 76H59.0625V80H63V76Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 76H59.0625V80H63V76Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M59.0625 76H55.125V80H59.0625V76Z"
         fill="currentColor"
@@ -1571,12 +1615,36 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M63 68H59.0625V72H63V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 72H59.0625V76H63V72Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 72H59.0625V76H63V72Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 68H59.0625V72H63V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 72H59.0625V76H63V72Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 68H59.0625V72H63V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M63 68H59.0625V72H63V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 72H59.0625V76H63V72Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 72H59.0625V76H63V72Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 68H59.0625V72H63V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 72H59.0625V76H63V72Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 68H59.0625V72H63V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M59.0625 68H55.125V72H59.0625V68Z"
         fill="currentColor"
@@ -1587,16 +1655,56 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M63 64H59.0625V68H63V64Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 68H59.0625V72H63V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 68H59.0625V72H63V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 68H59.0625V72H63V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 76H59.0625V80H63V76Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 68H59.0625V72H63V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 68H59.0625V72H63V68Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 76H59.0625V80H63V76Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 72H59.0625V76H63V72Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 72H59.0625V76H63V72Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M63 64H59.0625V68H63V64Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 68H59.0625V72H63V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 68H59.0625V72H63V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 68H59.0625V72H63V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 76H59.0625V80H63V76Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 68H59.0625V72H63V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 68H59.0625V72H63V68Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 76H59.0625V80H63V76Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 72H59.0625V76H63V72Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 72H59.0625V76H63V72Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M55.125 72H51.1875V76H55.125V72Z"
         fill="currentColor"
@@ -1607,8 +1715,16 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M63 72H59.0625V76H63V72Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 76H59.0625V80H63V76Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M63 72H59.0625V76H63V72Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 76H59.0625V80H63V76Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M59.0625 76H55.125V80H59.0625V76Z"
         fill="currentColor"
@@ -1619,14 +1735,26 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M63 76H59.0625V80H63V76Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M63 76H59.0625V80H63V76Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M55.125 76H51.1875V80H55.125V76Z"
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M63 72H59.0625V76H63V72Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 76H59.0625V80H63V76Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M63 72H59.0625V76H63V72Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 76H59.0625V80H63V76Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M55.125 80H51.1875V84H55.125V80Z"
         fill="currentColor"
@@ -1637,8 +1765,16 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M63 76H59.0625V80H63V76Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M63 76H59.0625V80H63V76Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M63 76H59.0625V80H63V76Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M63 76H59.0625V80H63V76Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M31.5 52H27.5625V56H31.5V52Z"
         fill="currentColor"
@@ -1779,7 +1915,11 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M15.75 4H11.8125V8H15.75V4Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M15.75 4H11.8125V8H15.75V4Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M19.6875 16H15.75V20H19.6875V16Z"
         fill="currentColor"
@@ -1845,7 +1985,11 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M31.5 4H27.5625V8H31.5V4Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M31.5 4H27.5625V8H31.5V4Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M43.3125 4H39.375V8H43.3125V4Z"
         fill="currentColor"
@@ -1866,7 +2010,11 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M31.5 0H27.5625V4H31.5V0Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M31.5 0H27.5625V4H31.5V0Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M35.4375 16H31.5V20H35.4375V16Z"
         fill="currentColor"
@@ -1902,14 +2050,46 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M3.9375 16H0V20H3.9375V16Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M3.9375 20H0V24H3.9375V20Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M3.9375 20H0V24H3.9375V20Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M3.9375 24H0V28H3.9375V24Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M3.9375 28H0V32H3.9375V28Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M3.9375 32H0V36H3.9375V32Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M3.9375 36H0V40H3.9375V36Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
-      <path d="M3.9375 36H0V40H3.9375V36Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M3.9375 16H0V20H3.9375V16Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M3.9375 20H0V24H3.9375V20Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M3.9375 20H0V24H3.9375V20Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M3.9375 24H0V28H3.9375V24Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M3.9375 28H0V32H3.9375V28Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M3.9375 32H0V36H3.9375V32Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M3.9375 36H0V40H3.9375V36Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
+      <path
+        d="M3.9375 36H0V40H3.9375V36Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M7.875 40H3.9375V44H7.875V40Z"
         fill="currentColor"
@@ -1950,7 +2130,11 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M47.25 4H43.3125V8H47.25V4Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M47.25 4H43.3125V8H47.25V4Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M47.25 12H43.3125V16H47.25V12Z"
         fill="currentColor"
@@ -2001,7 +2185,11 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M31.5 8H27.5625V12H31.5V8Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M31.5 8H27.5625V12H31.5V8Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M43.3125 8H39.375V12H43.3125V8Z"
         fill="currentColor"
@@ -2047,7 +2235,11 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
         fill="currentColor"
         vectorEffect="non-scaling-stroke"
       />
-      <path d="M15.75 0H11.8125V4H15.75V0Z" fill="currentColor" vectorEffect="non-scaling-stroke" />
+      <path
+        d="M15.75 0H11.8125V4H15.75V0Z"
+        fill="currentColor"
+        vectorEffect="non-scaling-stroke"
+      />
       <path
         d="M11.8125 4H7.875V8H11.8125V4Z"
         fill="currentColor"
@@ -2061,7 +2253,12 @@ const SvgManAvatar = (props: SVGProps<SVGSVGElement>) => (
     </g>
     <defs>
       <clipPath id="clip0_0_387">
-        <rect width={63} height={100} fill="currentColor" vectorEffect="non-scaling-stroke" />
+        <rect
+          width={63}
+          height={100}
+          fill="currentColor"
+          vectorEffect="non-scaling-stroke"
+        />
       </clipPath>
     </defs>
   </svg>
diff --git a/apps/jurumarble/src/assets/icons/components/WomenAvatar.tsx b/apps/jurumarble/src/assets/icons/components/WomenAvatar.tsx
index a1388625..e3423506 100644
--- a/apps/jurumarble/src/assets/icons/components/WomenAvatar.tsx
+++ b/apps/jurumarble/src/assets/icons/components/WomenAvatar.tsx
@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import type { SVGProps } from 'react';
 
 const SvgWomenAvatar = (props: SVGProps<SVGSVGElement>) => (
   <svg
diff --git a/apps/jurumarble/src/assets/icons/components/index.ts b/apps/jurumarble/src/assets/icons/components/index.ts
index 897ec1f8..e85807c4 100644
--- a/apps/jurumarble/src/assets/icons/components/index.ts
+++ b/apps/jurumarble/src/assets/icons/components/index.ts
@@ -1,29 +1,29 @@
-export { default as SvgArrowDown } from "./IcArrowDown";
-export { default as SvgIcBookmark } from "./IcBookmark";
-export { default as SvgIcCamera } from "./IcCamera";
-export { default as SvgIcChat } from "./IcChat";
-export { default as SvgIcCheck } from "./IcCheck";
-export { default as SvgIcDetail } from "./IcDetail";
-export { default as SvgIcHome } from "./IcHome";
-export { default as SvgKakaoIcon } from "./IcKakaoIcon";
-export { default as SvgIcLike } from "./IcLike";
-export { default as SvgIcMapPin } from "./IcMapPin";
-export { default as IcMark } from "./IcMark";
-export { default as SvgIcMenu } from "./IcMenu";
-export { default as SvgNaverIcon } from "./IcNaverIcon";
-export { default as SvgIcPlus } from "./IcPlus";
-export { default as SvgIcPrev } from "./IcPrev";
-export { default as SvgIcPrevious } from "./IcPrevious";
-export { default as SvgIcSearch } from "./IcSearch";
-export { default as SvgStamp } from "./IcStamp";
-export { default as SvgIcUser } from "./IcUser";
-export { default as SvgIcX } from "./IcX";
-export { default as SvgIcBookmarkActive } from "./IcBookmarkActive";
-export { default as SvgLogo } from "./IcLogo";
-export { default as SvgNotification } from "./IcNotification";
-export { default as SvgHeaderSearch } from "./IcHeaderSearch";
-export { default as SvgIcThunder } from "./IcThunder";
-export { default as SvgWarningIcon } from "./IcWarningIcon";
-export { default as SvgNotificationCheck } from "./IcNotificationCheck";
-export { default as SvgInfo } from "./IcInfo";
-export { default as SvgNext } from "./IcNext";
+export { default as SvgArrowDown } from './IcArrowDown';
+export { default as SvgIcBookmark } from './IcBookmark';
+export { default as SvgIcCamera } from './IcCamera';
+export { default as SvgIcChat } from './IcChat';
+export { default as SvgIcCheck } from './IcCheck';
+export { default as SvgIcDetail } from './IcDetail';
+export { default as SvgIcHome } from './IcHome';
+export { default as SvgKakaoIcon } from './IcKakaoIcon';
+export { default as SvgIcLike } from './IcLike';
+export { default as SvgIcMapPin } from './IcMapPin';
+export { default as IcMark } from './IcMark';
+export { default as SvgIcMenu } from './IcMenu';
+export { default as SvgNaverIcon } from './IcNaverIcon';
+export { default as SvgIcPlus } from './IcPlus';
+export { default as SvgIcPrev } from './IcPrev';
+export { default as SvgIcPrevious } from './IcPrevious';
+export { default as SvgIcSearch } from './IcSearch';
+export { default as SvgStamp } from './IcStamp';
+export { default as SvgIcUser } from './IcUser';
+export { default as SvgIcX } from './IcX';
+export { default as SvgIcBookmarkActive } from './IcBookmarkActive';
+export { default as SvgLogo } from './IcLogo';
+export { default as SvgNotification } from './IcNotification';
+export { default as SvgHeaderSearch } from './IcHeaderSearch';
+export { default as SvgIcThunder } from './IcThunder';
+export { default as SvgWarningIcon } from './IcWarningIcon';
+export { default as SvgNotificationCheck } from './IcNotificationCheck';
+export { default as SvgInfo } from './IcInfo';
+export { default as SvgNext } from './IcNext';
diff --git a/apps/jurumarble/src/components/AorBMark.tsx b/apps/jurumarble/src/components/AorBMark.tsx
index 13722391..57c778c5 100644
--- a/apps/jurumarble/src/components/AorBMark.tsx
+++ b/apps/jurumarble/src/components/AorBMark.tsx
@@ -1,4 +1,4 @@
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface Props {
   AorB: string;
@@ -12,7 +12,9 @@ function AorBMark({ AorB, children }: Props) {
 const AorBMarkStyled = styled.div<{ AorB: string }>`
   ${({ theme, AorB }) => css`
     ${theme.typography.caption_chip}
-    background-color: ${AorB === "A" ? theme.colors.sub_01 : theme.colors.sub_02};
+    background-color: ${AorB === 'A'
+      ? theme.colors.sub_01
+      : theme.colors.sub_02};
     color: ${theme.colors.white};
     position: absolute;
     top: 0;
diff --git a/apps/jurumarble/src/components/AuthProcess.tsx b/apps/jurumarble/src/components/AuthProcess.tsx
index d99075c6..2d3ac4d4 100644
--- a/apps/jurumarble/src/components/AuthProcess.tsx
+++ b/apps/jurumarble/src/components/AuthProcess.tsx
@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-"use client";
+'use client';
 
-import { useEffect } from "react";
+import { useEffect } from 'react';
 
-import Path from "lib/Path";
-import { getUserInfoAPI } from "lib/apis/user";
-import { isLogin } from "lib/utils/auth";
-import { usePathname, useRouter } from "next/navigation";
+import Path from 'lib/Path';
+import { getUserInfoAPI } from 'lib/apis/user';
+import { isLogin } from 'lib/utils/auth';
+import { usePathname, useRouter } from 'next/navigation';
 
 const LOGIN_BLOCK_PATHS = [
   Path.LOGIN_PAGE,
@@ -43,7 +43,7 @@ function AuthProcess() {
           router.push(Path.REGISTER_PAGE);
         }
       } catch (error) {
-        alert("에러가 발생하였습니다.");
+        alert('에러가 발생하였습니다.');
       }
     };
 
diff --git a/apps/jurumarble/src/components/BottomBar.tsx b/apps/jurumarble/src/components/BottomBar.tsx
index 96364fb5..da54b3de 100644
--- a/apps/jurumarble/src/components/BottomBar.tsx
+++ b/apps/jurumarble/src/components/BottomBar.tsx
@@ -1,37 +1,37 @@
-"use client";
+'use client';
 
-import Path from "lib/Path";
-import { usePathname, useRouter } from "next/navigation";
-import SvgIcCheck from "src/assets/icons/components/IcCheck";
-import SvgIcHome from "src/assets/icons/components/IcHome";
-import SvgIcMapPin from "src/assets/icons/components/IcMapPin";
-import SvgIcMark from "src/assets/icons/components/IcMark";
-import SvgIcUser from "src/assets/icons/components/IcUser";
-import styled from "styled-components";
+import Path from 'lib/Path';
+import { usePathname, useRouter } from 'next/navigation';
+import SvgIcCheck from 'src/assets/icons/components/IcCheck';
+import SvgIcHome from 'src/assets/icons/components/IcHome';
+import SvgIcMapPin from 'src/assets/icons/components/IcMapPin';
+import SvgIcMark from 'src/assets/icons/components/IcMark';
+import SvgIcUser from 'src/assets/icons/components/IcUser';
+import styled from 'styled-components';
 
 const NAVIGATION_LIST = [
   {
-    name: "홈",
+    name: '홈',
     path: Path.MAIN_PAGE,
     icon: <SvgIcHome width={24} height={24} />,
   },
   {
-    name: "술도장",
+    name: '술도장',
     path: Path.STAMP_PAGE,
     icon: <SvgIcMark width={24} height={24} />,
   },
   {
-    name: "투표",
+    name: '투표',
     path: Path.VOTE_HOME,
     icon: <SvgIcCheck width={24} height={24} />,
   },
   {
-    name: "술지도",
+    name: '술지도',
     path: Path.DRINK_MAP_PAGE,
     icon: <SvgIcMapPin width={24} height={24} />,
   },
   {
-    name: "마이",
+    name: '마이',
     path: Path.MY_PAGE,
     icon: <SvgIcUser width={24} height={24} />,
   },
@@ -47,7 +47,11 @@ function BottomBar() {
         <Inner>
           {NAVIGATION_LIST.map(({ icon, name, path }) => {
             return (
-              <BarItem key={name} isActive={pathName === path} onClick={() => router.push(path)}>
+              <BarItem
+                key={name}
+                isActive={pathName === path}
+                onClick={() => router.push(path)}
+              >
                 {icon}
                 <span>{name}</span>
               </BarItem>
@@ -84,7 +88,8 @@ const BarItem = styled.div<{ isActive: boolean }>`
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  color: ${({ isActive, theme }) => (isActive ? theme.colors.black_01 : theme.colors.black_05)};
+  color: ${({ isActive, theme }) =>
+    isActive ? theme.colors.black_01 : theme.colors.black_05};
   cursor: pointer;
 `;
 
diff --git a/apps/jurumarble/src/components/Chip.tsx b/apps/jurumarble/src/components/Chip.tsx
index 347bc91f..23fde584 100644
--- a/apps/jurumarble/src/components/Chip.tsx
+++ b/apps/jurumarble/src/components/Chip.tsx
@@ -1,11 +1,11 @@
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface Props {
-  variant: "region" | "numberOfParticipants" | "isVote";
+  variant: 'region' | 'numberOfParticipants' | 'isVote';
   children: React.ReactNode;
 }
 
-type variant = Pick<Props, "variant">;
+type variant = Pick<Props, 'variant'>;
 
 function Chip({ variant, children }: Props) {
   return <Wrapper variant={variant}>{children}</Wrapper>;
diff --git a/apps/jurumarble/src/components/DivideLine.tsx b/apps/jurumarble/src/components/DivideLine.tsx
index 80e1075e..6e927625 100644
--- a/apps/jurumarble/src/components/DivideLine.tsx
+++ b/apps/jurumarble/src/components/DivideLine.tsx
@@ -1,4 +1,4 @@
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 function DivideLine() {
   return <DivideLineStyled />;
diff --git a/apps/jurumarble/src/components/Header.tsx b/apps/jurumarble/src/components/Header.tsx
index ae0adff7..87e62ef4 100644
--- a/apps/jurumarble/src/components/Header.tsx
+++ b/apps/jurumarble/src/components/Header.tsx
@@ -1,9 +1,13 @@
-"use client";
+'use client';
 
-import Path from "lib/Path";
-import Link from "next/link";
-import { SvgHeaderSearch, SvgLogo, SvgNotification } from "src/assets/icons/components";
-import styled from "styled-components";
+import Path from 'lib/Path';
+import Link from 'next/link';
+import {
+  SvgHeaderSearch,
+  SvgLogo,
+  SvgNotification,
+} from 'src/assets/icons/components';
+import styled from 'styled-components';
 
 function Header() {
   return (
diff --git a/apps/jurumarble/src/components/ImageUploadButton.tsx b/apps/jurumarble/src/components/ImageUploadButton.tsx
index c9126856..0e2b0cb3 100644
--- a/apps/jurumarble/src/components/ImageUploadButton.tsx
+++ b/apps/jurumarble/src/components/ImageUploadButton.tsx
@@ -1,9 +1,9 @@
-import SvgIcCamera from "src/assets/icons/components/IcCamera";
-import styled, { css, useTheme } from "styled-components";
+import SvgIcCamera from 'src/assets/icons/components/IcCamera';
+import styled, { css, useTheme } from 'styled-components';
 
 interface Props {
-  width: `${number}px` | `${number}%` | "auto";
-  height: `${number}px` | `${number}%` | "auto";
+  width: `${number}px` | `${number}%` | 'auto';
+  height: `${number}px` | `${number}%` | 'auto';
 }
 
 function ImageUploadButton({ width, height }: Props) {
diff --git a/apps/jurumarble/src/components/LevelChip.tsx b/apps/jurumarble/src/components/LevelChip.tsx
index 55ad790a..eaafa84c 100644
--- a/apps/jurumarble/src/components/LevelChip.tsx
+++ b/apps/jurumarble/src/components/LevelChip.tsx
@@ -1,4 +1,4 @@
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface Props {
   level: number;
diff --git a/apps/jurumarble/src/components/Loading.tsx b/apps/jurumarble/src/components/Loading.tsx
index fca6f4e3..961399da 100644
--- a/apps/jurumarble/src/components/Loading.tsx
+++ b/apps/jurumarble/src/components/Loading.tsx
@@ -1,6 +1,6 @@
-"use client";
+'use client';
 
-import styled from "styled-components";
+import styled from 'styled-components';
 
 const Loading = () => {
   return (
@@ -34,7 +34,7 @@ const Box = styled.div`
   }
 
   .loader4:before {
-    content: "";
+    content: '';
     position: absolute;
     background-color: ${({ theme }) => theme.colors.main_01};
     top: 0px;
@@ -50,7 +50,7 @@ const Box = styled.div`
   }
 
   .loader4:after {
-    content: "LOADING ...";
+    content: 'LOADING ...';
     color: ${({ theme }) => theme.colors.main_01};
     font-weight: 200;
     font-size: 16px;
diff --git a/apps/jurumarble/src/components/SearchInput.tsx b/apps/jurumarble/src/components/SearchInput.tsx
index 0635e27e..771489dd 100644
--- a/apps/jurumarble/src/components/SearchInput.tsx
+++ b/apps/jurumarble/src/components/SearchInput.tsx
@@ -1,11 +1,11 @@
-"use client";
+'use client';
 
-import { FormEvent, forwardRef, MouseEvent } from "react";
+import { FormEvent, forwardRef, MouseEvent } from 'react';
 
-import { Button } from "components/button";
-import { Input } from "components/input";
-import SvgIcSearch from "src/assets/icons/components/IcSearch";
-import styled, { css, useTheme } from "styled-components";
+import { Button } from 'components/button';
+import { Input } from 'components/input';
+import SvgIcSearch from 'src/assets/icons/components/IcSearch';
+import styled, { css, useTheme } from 'styled-components';
 
 /**
  * @TODO 리팩토링 필요
@@ -16,7 +16,9 @@ interface Props {
   value: string;
   onChange?: (keyword: string) => void;
   placeholder?: string;
-  eventHandler?: (e: FormEvent<HTMLFormElement> | MouseEvent<HTMLButtonElement>) => void;
+  eventHandler?: (
+    e: FormEvent<HTMLFormElement> | MouseEvent<HTMLButtonElement>,
+  ) => void;
 }
 
 const SearchInput = forwardRef<HTMLInputElement, Props>(
diff --git a/apps/jurumarble/src/components/VoteHeader.tsx b/apps/jurumarble/src/components/VoteHeader.tsx
index 5b89e416..b54d805b 100644
--- a/apps/jurumarble/src/components/VoteHeader.tsx
+++ b/apps/jurumarble/src/components/VoteHeader.tsx
@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface Props {
   leftButton?: ReactNode;
diff --git a/apps/jurumarble/src/components/button/Button.tsx b/apps/jurumarble/src/components/button/Button.tsx
index e699e3cd..aba86df8 100644
--- a/apps/jurumarble/src/components/button/Button.tsx
+++ b/apps/jurumarble/src/components/button/Button.tsx
@@ -1,12 +1,12 @@
-import React from "react";
+import React from 'react';
 
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface ButtonStyledProps {
   /**
    * 버튼 타입
    */
-  variant?: "primary" | "outline";
+  variant?: 'primary' | 'outline';
   /**
    * 버튼 가로 길이
    */
@@ -21,11 +21,20 @@ interface ButtonStyledProps {
   borderRadius?: string;
 }
 
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonStyledProps {
+interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    ButtonStyledProps {
   children: React.ReactNode;
 }
 
-function Button({ width, height, variant, borderRadius = "10px", children, ...rest }: ButtonProps) {
+function Button({
+  width,
+  height,
+  variant,
+  borderRadius = '10px',
+  children,
+  ...rest
+}: ButtonProps) {
   return (
     <ButtonStyled
       variant={variant}
diff --git a/apps/jurumarble/src/components/button/index.ts b/apps/jurumarble/src/components/button/index.ts
index 1fdf4382..eae9c8e3 100644
--- a/apps/jurumarble/src/components/button/index.ts
+++ b/apps/jurumarble/src/components/button/index.ts
@@ -1 +1 @@
-export { default as Button } from "./Button";
+export { default as Button } from './Button';
diff --git a/apps/jurumarble/src/components/index.ts b/apps/jurumarble/src/components/index.ts
index 177b9546..8fd06a88 100644
--- a/apps/jurumarble/src/components/index.ts
+++ b/apps/jurumarble/src/components/index.ts
@@ -1,10 +1,10 @@
-export * from "./button";
-export { default as Portal } from "./modal/Portal";
-export { default as ModalTemplate } from "./modal/ModalTemplate";
-export * from "./input";
-export * from "./selectBox";
-export { default as FloatComponentTemplate } from "./modal/FloatComponentTemplate";
-export { default as DivideLine } from "./divide/DivideLine";
-export { default as ImageUploadButton } from "./ImageUploadButton";
-export { default as LevelChip } from "./LevelChip";
-export * from "./layouts";
+export * from './button';
+export { default as Portal } from './modal/Portal';
+export { default as ModalTemplate } from './modal/ModalTemplate';
+export * from './input';
+export * from './selectBox';
+export { default as FloatComponentTemplate } from './modal/FloatComponentTemplate';
+export { default as DivideLine } from './divide/DivideLine';
+export { default as ImageUploadButton } from './ImageUploadButton';
+export { default as LevelChip } from './LevelChip';
+export * from './layouts';
diff --git a/apps/jurumarble/src/components/input/Input.tsx b/apps/jurumarble/src/components/input/Input.tsx
index 3a4e8f4f..a4ee85f6 100644
--- a/apps/jurumarble/src/components/input/Input.tsx
+++ b/apps/jurumarble/src/components/input/Input.tsx
@@ -1,17 +1,17 @@
-"use client";
-import React, { forwardRef } from "react";
+'use client';
+import React, { forwardRef } from 'react';
 
-import styled from "styled-components";
+import styled from 'styled-components';
 
 interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   /**
    * Input 형태
    */
-  variant?: "standard" | "outlined";
+  variant?: 'standard' | 'outlined';
   /**
    * Input 가로 길이
    */
-  width: `${number}px` | `${number}%` | "auto";
+  width: `${number}px` | `${number}%` | 'auto';
   /**
    * 포커스 여뿌
    * 기본 값 : false
diff --git a/apps/jurumarble/src/components/input/index.ts b/apps/jurumarble/src/components/input/index.ts
index a5f313c2..b4d38647 100644
--- a/apps/jurumarble/src/components/input/index.ts
+++ b/apps/jurumarble/src/components/input/index.ts
@@ -1 +1 @@
-export { default as Input } from "./Input";
+export { default as Input } from './Input';
diff --git a/apps/jurumarble/src/components/layouts/index.ts b/apps/jurumarble/src/components/layouts/index.ts
index ae8a3b92..a0535228 100644
--- a/apps/jurumarble/src/components/layouts/index.ts
+++ b/apps/jurumarble/src/components/layouts/index.ts
@@ -1 +1 @@
-export * from "./PageLayout";
+export * from './PageLayout';
diff --git a/apps/jurumarble/src/components/modal/FloatComponentTemplate.tsx b/apps/jurumarble/src/components/modal/FloatComponentTemplate.tsx
index dcdab77e..c26386d3 100644
--- a/apps/jurumarble/src/components/modal/FloatComponentTemplate.tsx
+++ b/apps/jurumarble/src/components/modal/FloatComponentTemplate.tsx
@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 
-import styled from "styled-components";
+import styled from 'styled-components';
 
-import Portal from "./Portal";
+import Portal from './Portal';
 
 /**
  * @description
diff --git a/apps/jurumarble/src/components/modal/ModalTemplate.tsx b/apps/jurumarble/src/components/modal/ModalTemplate.tsx
index 7f975b22..21ff9a2b 100644
--- a/apps/jurumarble/src/components/modal/ModalTemplate.tsx
+++ b/apps/jurumarble/src/components/modal/ModalTemplate.tsx
@@ -1,9 +1,9 @@
-import React from "react";
+import React from 'react';
 
-import { transitions } from "lib/styles";
-import styled from "styled-components";
+import { transitions } from 'lib/styles';
+import styled from 'styled-components';
 
-import Portal from "./Portal";
+import Portal from './Portal';
 
 interface ModalInnerStyled {
   width: `${number}px` | `${number}%`;
@@ -15,11 +15,21 @@ interface ModalTemplateProps extends ModalInnerStyled {
   onToggleModal: () => void;
 }
 
-function ModalTemplate({ width, height, children, onToggleModal, ...rest }: ModalTemplateProps) {
+function ModalTemplate({
+  width,
+  height,
+  children,
+  onToggleModal,
+  ...rest
+}: ModalTemplateProps) {
   return (
     <Portal selector="#portal">
       <ModalTemplateBlock onMouseDown={onToggleModal} {...rest}>
-        <ModalInner width={width} height={height} onMouseDown={(e) => e.stopPropagation()}>
+        <ModalInner
+          width={width}
+          height={height}
+          onMouseDown={(e) => e.stopPropagation()}
+        >
           {children}
         </ModalInner>
         <ModalBackground />
diff --git a/apps/jurumarble/src/components/modal/Portal.tsx b/apps/jurumarble/src/components/modal/Portal.tsx
index fc4cff67..44972659 100644
--- a/apps/jurumarble/src/components/modal/Portal.tsx
+++ b/apps/jurumarble/src/components/modal/Portal.tsx
@@ -1,6 +1,6 @@
-import { ReactNode, ReactPortal, useEffect, useState } from "react";
+import { ReactNode, ReactPortal, useEffect, useState } from 'react';
 
-import ReactDOM from "react-dom";
+import ReactDOM from 'react-dom';
 
 interface PortalProps {
   children: ReactNode;
diff --git a/apps/jurumarble/src/components/selectBox/Option.tsx b/apps/jurumarble/src/components/selectBox/Option.tsx
index 0a67dcf4..47dc0537 100644
--- a/apps/jurumarble/src/components/selectBox/Option.tsx
+++ b/apps/jurumarble/src/components/selectBox/Option.tsx
@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import styled from 'styled-components';
 
 interface Props {
   label: string;
diff --git a/apps/jurumarble/src/components/selectBox/OptionList.tsx b/apps/jurumarble/src/components/selectBox/OptionList.tsx
index 4a6cdffd..c2783029 100644
--- a/apps/jurumarble/src/components/selectBox/OptionList.tsx
+++ b/apps/jurumarble/src/components/selectBox/OptionList.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
-import Option from "./Option";
+import Option from './Option';
 
 interface Option {
   value: string;
diff --git a/apps/jurumarble/src/components/selectBox/Select.tsx b/apps/jurumarble/src/components/selectBox/Select.tsx
index 18951a43..31c8af98 100644
--- a/apps/jurumarble/src/components/selectBox/Select.tsx
+++ b/apps/jurumarble/src/components/selectBox/Select.tsx
@@ -1,7 +1,7 @@
-import { useOutsideClick } from "@monorepo/hooks";
+import { useOutsideClick } from '@monorepo/hooks';
 
-import OptionList from "./OptionList";
-import SelectButton from "./SelectButton";
+import OptionList from './OptionList';
+import SelectButton from './SelectButton';
 
 interface Option {
   value: string;
@@ -38,7 +38,7 @@ function Select({
           options={options}
           onChangeSelectedOption={onChangeSelectedOption}
           onToggleOpen={onToggleOpen}
-         />
+        />
       ) : null}
     </div>
   );
diff --git a/apps/jurumarble/src/components/selectBox/SelectButton.tsx b/apps/jurumarble/src/components/selectBox/SelectButton.tsx
index 7600791e..34832f9e 100644
--- a/apps/jurumarble/src/components/selectBox/SelectButton.tsx
+++ b/apps/jurumarble/src/components/selectBox/SelectButton.tsx
@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import styled from 'styled-components';
 
 interface SelectProps {
   children: React.ReactNode;
diff --git a/apps/jurumarble/src/components/selectBox/index.ts b/apps/jurumarble/src/components/selectBox/index.ts
index 66b3dd86..9bb96ca3 100644
--- a/apps/jurumarble/src/components/selectBox/index.ts
+++ b/apps/jurumarble/src/components/selectBox/index.ts
@@ -1,4 +1,4 @@
-export { default as Option } from "./Option";
-export { default as OptionList } from "./OptionList";
-export { default as SelectButton } from "./SelectButton";
-export { default as Select } from "./Select";
+export { default as Option } from './Option';
+export { default as OptionList } from './OptionList';
+export { default as SelectButton } from './SelectButton';
+export { default as Select } from './Select';
diff --git a/apps/jurumarble/src/components/textarea/Textarea.tsx b/apps/jurumarble/src/components/textarea/Textarea.tsx
index 05e7599b..03736d4c 100644
--- a/apps/jurumarble/src/components/textarea/Textarea.tsx
+++ b/apps/jurumarble/src/components/textarea/Textarea.tsx
@@ -1,20 +1,20 @@
-import { TextareaHTMLAttributes } from "react";
+import { TextareaHTMLAttributes } from 'react';
 
-import styled, { css } from "styled-components";
+import styled, { css } from 'styled-components';
 
 interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
   /**
    * Input 형태
    */
-  variant?: "standard" | "outlined";
+  variant?: 'standard' | 'outlined';
   /**
    * Input 가로 길이
    */
-  width: `${number}px` | `${number}%` | "auto";
+  width: `${number}px` | `${number}%` | 'auto';
   /**
    * Input 가로 길이
    */
-  height: `${number}px` | `${number}%` | "auto";
+  height: `${number}px` | `${number}%` | 'auto';
   /**
    * 포커스 여부
    * 기본 값 : false
diff --git a/apps/jurumarble/src/hooks/useCreateQueryString.ts b/apps/jurumarble/src/hooks/useCreateQueryString.ts
index 6481a7bc..68ddcbee 100644
--- a/apps/jurumarble/src/hooks/useCreateQueryString.ts
+++ b/apps/jurumarble/src/hooks/useCreateQueryString.ts
@@ -1,6 +1,6 @@
-import { useCallback } from "react";
+import { useCallback } from 'react';
 
-import { ReadonlyURLSearchParams } from "next/navigation";
+import { ReadonlyURLSearchParams } from 'next/navigation';
 
 export function useCreateQueryString(searchParams: ReadonlyURLSearchParams) {
   const createQueryString = useCallback(
diff --git a/apps/jurumarble/src/hooks/useInput.ts b/apps/jurumarble/src/hooks/useInput.ts
index 46c5ea15..f2089829 100644
--- a/apps/jurumarble/src/hooks/useInput.ts
+++ b/apps/jurumarble/src/hooks/useInput.ts
@@ -1,6 +1,6 @@
-import { useCallback, useState } from "react";
+import { useCallback, useState } from 'react';
 
-import { useDebouncedCallback } from "@react-hookz/web";
+import { useDebouncedCallback } from '@react-hookz/web';
 
 interface UseInputHookType {
   /**
@@ -32,8 +32,10 @@ export default function useInput({
   useDebounce = false,
   debounceTimeout = 150,
 }: UseInputHookType) {
-  const [value, setValue] = useState<InputAcceptType>(initialValue ?? "");
-  const [debouncedValue, setDebouncedValue] = useState<InputAcceptType>(initialValue ?? "");
+  const [value, setValue] = useState<InputAcceptType>(initialValue ?? '');
+  const [debouncedValue, setDebouncedValue] = useState<InputAcceptType>(
+    initialValue ?? '',
+  );
 
   const debouncedChange = useDebouncedCallback(
     (keyword: string) => {
diff --git a/apps/jurumarble/src/lib/Path.ts b/apps/jurumarble/src/lib/Path.ts
index 6ef00932..deeecb82 100644
--- a/apps/jurumarble/src/lib/Path.ts
+++ b/apps/jurumarble/src/lib/Path.ts
@@ -2,27 +2,27 @@
 // 라고 copilot이 말함
 
 const Path = {
-  DRINK_INFO_PAGE: "/drink-info",
-  DRINK_MAP_PAGE: "/map",
-  KAKAO_LOGIN_PROCESS: "/login/kakao-login-process",
+  DRINK_INFO_PAGE: '/drink-info',
+  DRINK_MAP_PAGE: '/map',
+  KAKAO_LOGIN_PROCESS: '/login/kakao-login-process',
   // no Logged In
-  LOGIN_PAGE: "/login",
+  LOGIN_PAGE: '/login',
 
   // common
-  MAIN_PAGE: "/",
-  MY_PAGE: "/my",
-  NAVER_LOGIN_PROCESS: "/login/naver-login-process",
-  NOTIFICATION_PAGE: "/notification",
-  POST_PAGE: "/vote/post",
-  PROFILE_EDIT: "/my/edit",
+  MAIN_PAGE: '/',
+  MY_PAGE: '/my',
+  NAVER_LOGIN_PROCESS: '/login/naver-login-process',
+  NOTIFICATION_PAGE: '/notification',
+  POST_PAGE: '/vote/post',
+  PROFILE_EDIT: '/my/edit',
 
   // logged In
-  REGISTER_PAGE: "/register",
-  SEARCH_PAGE: "/search",
-  STAMP_PAGE: "/stamp",
-  TEST_PAGE: "/test",
-  VOTE_DETAIL_PAGE: "/vote",
-  VOTE_HOME: "/vote",
+  REGISTER_PAGE: '/register',
+  SEARCH_PAGE: '/search',
+  STAMP_PAGE: '/stamp',
+  TEST_PAGE: '/test',
+  VOTE_DETAIL_PAGE: '/vote',
+  VOTE_HOME: '/vote',
 } as const;
 
 export default Path;
diff --git a/apps/jurumarble/src/lib/ReactQueryProvider.tsx b/apps/jurumarble/src/lib/ReactQueryProvider.tsx
index d2a9f499..c1322271 100644
--- a/apps/jurumarble/src/lib/ReactQueryProvider.tsx
+++ b/apps/jurumarble/src/lib/ReactQueryProvider.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-import { PropsWithChildren, useState } from "react";
+import { PropsWithChildren, useState } from 'react';
 
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
 export default function ReactQueryProvider({ children }: PropsWithChildren) {
   const [reactQueryClient] = useState(
diff --git a/apps/jurumarble/src/lib/apis/auth.ts b/apps/jurumarble/src/lib/apis/auth.ts
index 6ec979be..a2e8def3 100644
--- a/apps/jurumarble/src/lib/apis/auth.ts
+++ b/apps/jurumarble/src/lib/apis/auth.ts
@@ -1,5 +1,5 @@
-import axios from "axios";
-import { SERVER_URL } from "lib/constants";
+import axios from 'axios';
+import { SERVER_URL } from 'lib/constants';
 
 export type CodeType = string | string[];
 
@@ -10,7 +10,10 @@ interface KakaoLoginRequest {
 }
 
 export const kakaoLoginAPI = async (kakaoLoginRequest: KakaoLoginRequest) => {
-  const response = await axios.post(`${SERVER_URL}api/users/signup/kakao`, kakaoLoginRequest);
+  const response = await axios.post(
+    `${SERVER_URL}api/users/signup/kakao`,
+    kakaoLoginRequest,
+  );
   return response.data;
 };
 
@@ -20,6 +23,9 @@ interface NaverLoginRequest {
 }
 
 export const naverLoginAPI = async (naverLoginRequest: NaverLoginRequest) => {
-  const response = await axios.post(`${SERVER_URL}api/users/signup/naver`, naverLoginRequest);
+  const response = await axios.post(
+    `${SERVER_URL}api/users/signup/naver`,
+    naverLoginRequest,
+  );
   return response.data;
 };
diff --git a/apps/jurumarble/src/lib/apis/bookmark.ts b/apps/jurumarble/src/lib/apis/bookmark.ts
index b34aaf2d..bdcc366d 100644
--- a/apps/jurumarble/src/lib/apis/bookmark.ts
+++ b/apps/jurumarble/src/lib/apis/bookmark.ts
@@ -1,4 +1,4 @@
-import { http } from "./http/http";
+import { http } from './http/http';
 
 export const postBookmarkAPI = async (voteId: number) => {
   const response = await http.post(`api/votes/${voteId}/bookmark`, { voteId });
@@ -10,6 +10,8 @@ interface GetBookmarkResponse {
 }
 
 export const getBookMarkCheckAPI = async (voteId: number) => {
-  const response = await http.get<GetBookmarkResponse>(`api/votes/${voteId}/bookmark`);
+  const response = await http.get<GetBookmarkResponse>(
+    `api/votes/${voteId}/bookmark`,
+  );
   return response.data;
 };
diff --git a/apps/jurumarble/src/lib/apis/comment.ts b/apps/jurumarble/src/lib/apis/comment.ts
index 255a9d3a..132618cb 100644
--- a/apps/jurumarble/src/lib/apis/comment.ts
+++ b/apps/jurumarble/src/lib/apis/comment.ts
@@ -1,6 +1,6 @@
-import { baseApi } from "./http/base";
-import { http } from "./http/http";
-import { AorB } from "./vote";
+import { baseApi } from './http/base';
+import { http } from './http/http';
+import { AorB } from './vote';
 
 export interface PagingRequest {
   page: number;
@@ -8,9 +8,9 @@ export interface PagingRequest {
 }
 
 export interface GetCommentRequest {
-  sortBy: "ByTime" | "ByPopularity";
+  sortBy: 'ByTime' | 'ByPopularity';
   paging: PagingRequest;
-  commentType: "votes" | "drinks";
+  commentType: 'votes' | 'drinks';
   typeId: number;
 }
 
@@ -52,31 +52,38 @@ export const getCommentById = async ({
   sortBy,
   typeId,
 }: GetCommentRequest) => {
-  const response = await baseApi.get<GetCommentResponse>(`api/${commentType}/${typeId}/comments`, {
-    params: {
-      sortBy,
-      page: paging.page,
-      size: paging.size,
+  const response = await baseApi.get<GetCommentResponse>(
+    `api/${commentType}/${typeId}/comments`,
+    {
+      params: {
+        sortBy,
+        page: paging.page,
+        size: paging.size,
+      },
     },
-  });
+  );
   return response.data;
 };
 
 export const postLikeComment = async (
-  commentType: "votes" | "drinks",
+  commentType: 'votes' | 'drinks',
   typeId: number,
   commentId: number,
 ) => {
-  const response = await http.post(`/api/${commentType}/${typeId}/comments/${commentId}/likers`);
+  const response = await http.post(
+    `/api/${commentType}/${typeId}/comments/${commentId}/likers`,
+  );
   return response.data;
 };
 
 export const postHateComment = async (
-  commentType: "votes" | "drinks",
+  commentType: 'votes' | 'drinks',
   typeId: number,
   commentId: number,
 ) => {
-  const response = await http.post(`/api/${commentType}/${typeId}/comments/${commentId}/haters`);
+  const response = await http.post(
+    `/api/${commentType}/${typeId}/comments/${commentId}/haters`,
+  );
   return response.data;
 };
 
@@ -86,31 +93,39 @@ export interface PostCommentRequest {
 }
 
 export const postComment = async (
-  commentType: "votes" | "drinks",
+  commentType: 'votes' | 'drinks',
   voteId: number,
   body: PostCommentRequest,
 ) => {
-  const response = await http.post(`/api/${commentType}/${voteId}/comments/create`, body);
+  const response = await http.post(
+    `/api/${commentType}/${voteId}/comments/create`,
+    body,
+  );
   return response.data;
 };
 
 export const deleteComment = async (
-  commentType: "votes" | "drinks",
+  commentType: 'votes' | 'drinks',
   typeId: number,
   commentId: number,
 ) => {
-  const response = await http.delete(`/api/${commentType}/${typeId}/comments/${commentId}`);
+  const response = await http.delete(
+    `/api/${commentType}/${typeId}/comments/${commentId}`,
+  );
   return response.data;
 };
 
 export const putComment = async (
-  commentType: "votes" | "drinks",
+  commentType: 'votes' | 'drinks',
   typeId: number,
   commentId: number,
   content: string,
 ) => {
-  const response = await http.put(`/api/${commentType}/${typeId}/comments/${commentId}`, {
-    content,
-  });
+  const response = await http.put(
+    `/api/${commentType}/${typeId}/comments/${commentId}`,
+    {
+      content,
+    },
+  );
   return response.data;
 };
diff --git a/apps/jurumarble/src/lib/apis/common.ts b/apps/jurumarble/src/lib/apis/common.ts
index 0541d78c..c2821f48 100644
--- a/apps/jurumarble/src/lib/apis/common.ts
+++ b/apps/jurumarble/src/lib/apis/common.ts
@@ -1,4 +1,4 @@
-import { http } from "./http/http";
+import { http } from './http/http';
 
 export interface postVoteResponse {
   imageUrl: string;
@@ -6,6 +6,6 @@ export interface postVoteResponse {
 }
 
 export const uploadImageAPI = async (body: FormData) => {
-  const response = await http.post<postVoteResponse>("api/images", body);
+  const response = await http.post<postVoteResponse>('api/images', body);
   return response.data;
 };
diff --git a/apps/jurumarble/src/lib/apis/drink.ts b/apps/jurumarble/src/lib/apis/drink.ts
index f71f7ad2..328c6af1 100644
--- a/apps/jurumarble/src/lib/apis/drink.ts
+++ b/apps/jurumarble/src/lib/apis/drink.ts
@@ -1,10 +1,10 @@
-import axios from "axios";
-import { DATA_GO_API_KEY } from "lib/constants";
-import { DrinkInfoSortType } from "src/types/common";
-import { DrinkListResponse, DrinkMapResponse } from "src/types/drink";
+import axios from 'axios';
+import { DATA_GO_API_KEY } from 'lib/constants';
+import { DrinkInfoSortType } from 'src/types/common';
+import { DrinkListResponse, DrinkMapResponse } from 'src/types/drink';
 
-import { baseApi } from "./http/base";
-import { http } from "./http/http";
+import { baseApi } from './http/base';
+import { http } from './http/http';
 
 export interface GetDrinkListRequest {
   page: number;
@@ -17,7 +17,7 @@ export interface GetDrinkListRequest {
 interface GetDrinkListResponse extends DrinkListResponse {}
 
 export const getDrinkList = async (params: GetDrinkListRequest) => {
-  const response = await baseApi.get<GetDrinkListResponse>("api/drinks", {
+  const response = await baseApi.get<GetDrinkListResponse>('api/drinks', {
     params: {
       ...params,
     },
@@ -32,7 +32,7 @@ export interface GetHotDrinkResponse {
   image: string;
 }
 export const getHotDrinkList = async () => {
-  const response = await baseApi.get<GetHotDrinkResponse[]>("api/drinks/hot");
+  const response = await baseApi.get<GetHotDrinkResponse[]>('api/drinks/hot');
   return response.data;
 };
 
@@ -44,12 +44,17 @@ interface GetEnjoyedDrinkListRequest {
 
 export interface GetEnjoyedDrinkListResponse extends DrinkListResponse {}
 
-export const getEnjoyedDrinkList = async (params: GetEnjoyedDrinkListRequest) => {
-  const response = await http.get<GetEnjoyedDrinkListResponse>("api/drinks/enjoys", {
-    params: {
-      ...params,
+export const getEnjoyedDrinkList = async (
+  params: GetEnjoyedDrinkListRequest,
+) => {
+  const response = await http.get<GetEnjoyedDrinkListResponse>(
+    'api/drinks/enjoys',
+    {
+      params: {
+        ...params,
+      },
     },
-  });
+  );
   return response.data;
 };
 
@@ -58,7 +63,9 @@ export interface GetIsEnjoyedDrinkAPIResponse {
 }
 
 export const getIsEnjoyedDrinkAPI = async (drinkId: number) => {
-  const response = await http.get<GetIsEnjoyedDrinkAPIResponse>(`api/drinks/${drinkId}/enjoy`);
+  const response = await http.get<GetIsEnjoyedDrinkAPIResponse>(
+    `api/drinks/${drinkId}/enjoy`,
+  );
   return response.data;
 };
 
@@ -79,7 +86,7 @@ export interface GetDrinksMapRequest {
 }
 
 export const getDrinksMap = async (params: GetDrinksMapRequest) => {
-  const response = await baseApi.get<DrinkMapResponse>("api/drinks/map", {
+  const response = await baseApi.get<DrinkMapResponse>('api/drinks/map', {
     params: {
       ...params,
     },
@@ -102,14 +109,16 @@ export interface GetDrinkInfoResponse {
 }
 
 export const getDrinkInfo = async (drinkId: number) => {
-  const response = await baseApi.get<GetDrinkInfoResponse>(`api/drinks/${drinkId}`);
+  const response = await baseApi.get<GetDrinkInfoResponse>(
+    `api/drinks/${drinkId}`,
+  );
   return response.data;
 };
 
 interface GetDrinkRecommendationListRequest {
   page: number;
   perPage: number;
-  returnType?: "json" | "xml";
+  returnType?: 'json' | 'xml';
 }
 
 interface GetDrinkRecommendationListResponse {
@@ -129,9 +138,11 @@ interface Data {
   주원료: string;
 }
 
-export const getDrinkRecommendationListAPI = async (params: GetDrinkRecommendationListRequest) => {
+export const getDrinkRecommendationListAPI = async (
+  params: GetDrinkRecommendationListRequest,
+) => {
   const response = await axios.get<GetDrinkRecommendationListResponse>(
-    "https://api.odcloud.kr/api/15048755/v1/uddi:fec53d3a-2bef-4494-b50e-f4e566f403e0",
+    'https://api.odcloud.kr/api/15048755/v1/uddi:fec53d3a-2bef-4494-b50e-f4e566f403e0',
     {
       params: {
         ...params,
diff --git a/apps/jurumarble/src/lib/apis/http/base.ts b/apps/jurumarble/src/lib/apis/http/base.ts
index 5b986ff5..6e92dd4a 100644
--- a/apps/jurumarble/src/lib/apis/http/base.ts
+++ b/apps/jurumarble/src/lib/apis/http/base.ts
@@ -1,5 +1,5 @@
-import axios from "axios";
-import { SERVER_URL } from "lib/constants";
+import axios from 'axios';
+import { SERVER_URL } from 'lib/constants';
 
 const axiosInstance = axios.create({
   baseURL: SERVER_URL,
diff --git a/apps/jurumarble/src/lib/apis/http/http.ts b/apps/jurumarble/src/lib/apis/http/http.ts
index f888a089..4da40325 100644
--- a/apps/jurumarble/src/lib/apis/http/http.ts
+++ b/apps/jurumarble/src/lib/apis/http/http.ts
@@ -1,8 +1,8 @@
-import axios from "axios";
-import { SERVER_URL } from "lib/constants";
-import { logout } from "lib/utils/auth";
-import userStorage from "lib/utils/userStorage";
-import { toast } from "react-toastify";
+import axios from 'axios';
+import { SERVER_URL } from 'lib/constants';
+import { logout } from 'lib/utils/auth';
+import userStorage from 'lib/utils/userStorage';
+import { toast } from 'react-toastify';
 
 const axiosInstance = axios.create({
   baseURL: SERVER_URL,
@@ -36,9 +36,11 @@ axiosInstance.interceptors.response.use(
 
       case 401:
         const tokens = userStorage.get();
-        if (!tokens) {throw new Error("No tokens found");}
+        if (!tokens) {
+          throw new Error('No tokens found');
+        }
 
-        alert("로그인이 만료되었습니다. 다시 로그인해주세요.");
+        alert('로그인이 만료되었습니다. 다시 로그인해주세요.');
 
         logout();
 
@@ -51,18 +53,22 @@ axiosInstance.interceptors.response.use(
         throw new Error(error.response.data.message);
 
       default:
-        throw new Error("Unknown Error");
+        throw new Error('Unknown Error');
     }
   },
 );
 
 axiosInstance.interceptors.request.use((config) => {
   if (!config?.headers) {
-    throw new Error(`Expected 'config' and 'config.headers' not to be undefined`);
+    throw new Error(
+      `Expected 'config' and 'config.headers' not to be undefined`,
+    );
   }
 
   const tokens = userStorage.get();
-  if (!tokens) {throw new Error("No tokens found");}
+  if (!tokens) {
+    throw new Error('No tokens found');
+  }
   const { accessToken } = tokens;
 
   if (accessToken) {
diff --git a/apps/jurumarble/src/lib/apis/my.ts b/apps/jurumarble/src/lib/apis/my.ts
index ea095960..e2574b92 100644
--- a/apps/jurumarble/src/lib/apis/my.ts
+++ b/apps/jurumarble/src/lib/apis/my.ts
@@ -1,23 +1,28 @@
-import { CommonVoteListResponse } from "src/types/vote";
+import { CommonVoteListResponse } from 'src/types/vote';
 
-import { http } from "./http/http";
+import { http } from './http/http';
 
 interface GetMyVoteListRequest {
   page: number;
   size: number;
 }
 
-export const getMyParticipatedVoteList = async (params: GetMyVoteListRequest) => {
-  const response = await http.get<CommonVoteListResponse>("api/votes/participated", {
-    params: {
-      ...params,
+export const getMyParticipatedVoteList = async (
+  params: GetMyVoteListRequest,
+) => {
+  const response = await http.get<CommonVoteListResponse>(
+    'api/votes/participated',
+    {
+      params: {
+        ...params,
+      },
     },
-  });
+  );
   return response.data;
 };
 
 export const getMyCreatedVoteList = async (params: GetMyVoteListRequest) => {
-  const response = await http.get<CommonVoteListResponse>("api/votes/my-vote", {
+  const response = await http.get<CommonVoteListResponse>('api/votes/my-vote', {
     params: {
       ...params,
     },
@@ -26,11 +31,14 @@ export const getMyCreatedVoteList = async (params: GetMyVoteListRequest) => {
 };
 
 export const getMyBookmarkedVoteList = async (params: GetMyVoteListRequest) => {
-  const response = await http.get<CommonVoteListResponse>("api/votes/bookmarked", {
-    params: {
-      ...params,
+  const response = await http.get<CommonVoteListResponse>(
+    'api/votes/bookmarked',
+    {
+      params: {
+        ...params,
+      },
     },
-  });
+  );
   return response.data;
 };
 
@@ -41,7 +49,9 @@ interface GetVoteCountResponse {
 }
 
 export const getVoteCount = async () => {
-  const response = await http.get<GetVoteCountResponse>("api/user/mypage/count");
+  const response = await http.get<GetVoteCountResponse>(
+    'api/user/mypage/count',
+  );
   return response.data;
 };
 
@@ -51,13 +61,15 @@ export interface UpdateUserInfoRequest {
   alcoholLimit: string;
   mbti: string;
 }
-export const updateUserInfoAPI = async (updateUserInfoRequest: UpdateUserInfoRequest) => {
-  const response = await http.put("api/users", updateUserInfoRequest);
+export const updateUserInfoAPI = async (
+  updateUserInfoRequest: UpdateUserInfoRequest,
+) => {
+  const response = await http.put('api/users', updateUserInfoRequest);
   return response.data;
 };
 
 export const deleteUserAPI = async () => {
-  const response = await http.delete("api/users");
+  const response = await http.delete('api/users');
   return response.data;
 };
 
@@ -68,6 +80,8 @@ interface GetTheNumberOfMyVote {
 }
 
 export const getTheNumberOfMyVoteAPI = async () => {
-  const response = await http.get<GetTheNumberOfMyVote>("api/votes/myActivities");
+  const response = await http.get<GetTheNumberOfMyVote>(
+    'api/votes/myActivities',
+  );
   return response.data;
 };
diff --git a/apps/jurumarble/src/lib/apis/notification.ts b/apps/jurumarble/src/lib/apis/notification.ts
index 1f86ffbc..c804435a 100644
--- a/apps/jurumarble/src/lib/apis/notification.ts
+++ b/apps/jurumarble/src/lib/apis/notification.ts
@@ -1,6 +1,6 @@
-import { http } from "./http/http";
+import { http } from './http/http';
 
-export type NotificationType = "VOTE" | "COMMENT" | "ADMIN_NOTIFY";
+export type NotificationType = 'VOTE' | 'COMMENT' | 'ADMIN_NOTIFY';
 
 interface Notification {
   id: number;
@@ -14,7 +14,9 @@ interface Notification {
 type GetNotificationListResponse = Notification[];
 
 export const getNotificationListAPI = async () => {
-  const response = await http.get<GetNotificationListResponse>("/api/notifications");
+  const response = await http.get<GetNotificationListResponse>(
+    '/api/notifications',
+  );
   return response.data;
 };
 
diff --git a/apps/jurumarble/src/lib/apis/report.ts b/apps/jurumarble/src/lib/apis/report.ts
index 4914c54d..953b5791 100644
--- a/apps/jurumarble/src/lib/apis/report.ts
+++ b/apps/jurumarble/src/lib/apis/report.ts
@@ -1,9 +1,9 @@
-import { http } from "./http/http";
+import { http } from './http/http';
 
 export const postReportVoteAPI = async (reportedVoteId: number) => {
-  return await http.post("/api/reports/votes", { reportedVoteId });
+  return await http.post('/api/reports/votes', { reportedVoteId });
 };
 
 export const postReportCommentAPI = async (reportedCommentId: number) => {
-  return await http.post("/api/reports/comments", { reportedCommentId });
+  return await http.post('/api/reports/comments', { reportedCommentId });
 };
diff --git a/apps/jurumarble/src/lib/apis/restaurant.ts b/apps/jurumarble/src/lib/apis/restaurant.ts
index 4f57f48e..4d580e03 100644
--- a/apps/jurumarble/src/lib/apis/restaurant.ts
+++ b/apps/jurumarble/src/lib/apis/restaurant.ts
@@ -1,8 +1,8 @@
-import { SERVER_URL } from "lib/constants";
+import { SERVER_URL } from 'lib/constants';
 
-import { http } from "./http/http";
+import { http } from './http/http';
 
-type CommentType = "votes" | "drinks";
+type CommentType = 'votes' | 'drinks';
 
 interface GetRestaurantRequest {
   commentType: CommentType;
@@ -96,10 +96,13 @@ export const putRestaurantAPI = async ({
   restaurantName,
   restaurantImage,
 }: PutRestaurantRequest) => {
-  return await http.put(`${SERVER_URL}api/votes/${typeId}/comments/${commentId}/restaurant`, {
-    restaurantName,
-    restaurantImage,
-  });
+  return await http.put(
+    `${SERVER_URL}api/votes/${typeId}/comments/${commentId}/restaurant`,
+    {
+      restaurantName,
+      restaurantImage,
+    },
+  );
 };
 
 interface GetRestaurantImageRequest {
diff --git a/apps/jurumarble/src/lib/apis/statistics.ts b/apps/jurumarble/src/lib/apis/statistics.ts
index db46ea66..15359210 100644
--- a/apps/jurumarble/src/lib/apis/statistics.ts
+++ b/apps/jurumarble/src/lib/apis/statistics.ts
@@ -1,4 +1,4 @@
-import { baseApi } from "./http/base";
+import { baseApi } from './http/base';
 
 interface GetVoteStatisticsResponse {
   message: string;
diff --git a/apps/jurumarble/src/lib/apis/user.ts b/apps/jurumarble/src/lib/apis/user.ts
index 3af0917c..048e41e6 100644
--- a/apps/jurumarble/src/lib/apis/user.ts
+++ b/apps/jurumarble/src/lib/apis/user.ts
@@ -1,7 +1,7 @@
-import { GENDER } from "lib/constants";
+import { GENDER } from 'lib/constants';
 
-import { baseApi } from "./http/base";
-import { http } from "./http/http";
+import { baseApi } from './http/base';
+import { http } from './http/http';
 
 type GenderType = keyof typeof GENDER;
 
@@ -17,7 +17,7 @@ export interface GetUserInfoResponse {
 }
 
 export const getUserInfoAPI = async () => {
-  const response = await http.get<GetUserInfoResponse>("api/users");
+  const response = await http.get<GetUserInfoResponse>('api/users');
   return response.data;
 };
 
@@ -29,7 +29,10 @@ interface AddUserInfoRequest {
 }
 
 export const addUserInfoAPI = async (params: AddUserInfoRequest) => {
-  const response = await http.put<AddUserInfoRequest>("api/users/additional-info", params);
+  const response = await http.put<AddUserInfoRequest>(
+    'api/users/additional-info',
+    params,
+  );
   return response.data;
 };
 
@@ -40,6 +43,6 @@ interface GetTestUserResponse {
 }
 
 export const getTestUserAPI = async () => {
-  const response = await baseApi.get<GetTestUserResponse>("api/users/test");
+  const response = await baseApi.get<GetTestUserResponse>('api/users/test');
   return response.data;
 };
diff --git a/apps/jurumarble/src/lib/apis/vote.ts b/apps/jurumarble/src/lib/apis/vote.ts
index 1a48906e..6cc18b73 100644
--- a/apps/jurumarble/src/lib/apis/vote.ts
+++ b/apps/jurumarble/src/lib/apis/vote.ts
@@ -1,9 +1,9 @@
-import { SERVER_URL } from "lib/constants";
-import { VoteSortType } from "src/types/common";
-import { CommonVoteListResponse, Content } from "src/types/vote";
+import { SERVER_URL } from 'lib/constants';
+import { VoteSortType } from 'src/types/common';
+import { CommonVoteListResponse, Content } from 'src/types/vote';
 
-import { baseApi } from "./http/base";
-import { http } from "./http/http";
+import { baseApi } from './http/base';
+import { http } from './http/http';
 
 export interface GetVoteListRequest {
   keyword?: string;
@@ -24,8 +24,13 @@ interface GetVoteListResponse {
   empty: boolean;
 }
 
-export const getVoteListAPI = async ({ page, size, sortBy, keyword }: GetVoteListRequest) => {
-  const response = await baseApi.get<GetVoteListResponse>("api/votes", {
+export const getVoteListAPI = async ({
+  page,
+  size,
+  sortBy,
+  keyword,
+}: GetVoteListRequest) => {
+  const response = await baseApi.get<GetVoteListResponse>('api/votes', {
     params: {
       page,
       size,
@@ -52,8 +57,8 @@ export interface GetVoteByIdResponse {
   titleB: string;
   region: string;
   postedUserAge: string | null;
-  postedUserAlcoholLimit: "HIGH" | "MEDIUM" | "LOW" | null;
-  postedUserGender: "" | "";
+  postedUserAlcoholLimit: 'HIGH' | 'MEDIUM' | 'LOW' | null;
+  postedUserGender: '' | '';
   postedUserId: number;
   postedUserImageUrl: null;
   postedUserMbti: string | null;
@@ -63,7 +68,9 @@ export interface GetVoteByIdResponse {
 }
 
 export const getVoteByVoteIdAPI = async (voteId: number) => {
-  const response = await baseApi.get<GetVoteByIdResponse>(`api/votes/${voteId}`);
+  const response = await baseApi.get<GetVoteByIdResponse>(
+    `api/votes/${voteId}`,
+  );
   return response.data;
 };
 
@@ -80,9 +87,12 @@ interface ModifyVoteRequest {
   titleB: string;
 }
 
-export const modifyVoteAPI = async (newVoteInfo: ModifyVoteRequest, voteId: number) => {
+export const modifyVoteAPI = async (
+  newVoteInfo: ModifyVoteRequest,
+  voteId: number,
+) => {
   const response = await fetch(`${SERVER_URL}api/votes/${voteId}`, {
-    method: "PUT",
+    method: 'PUT',
     body: JSON.stringify({
       newVoteInfo,
     }),
@@ -101,7 +111,7 @@ export interface PostNormalVoteRequest {
 }
 
 export const postNormalVoteAPI = async (voteInfo: PostNormalVoteRequest) => {
-  const response = await http.post("api/votes/normal", voteInfo);
+  const response = await http.post('api/votes/normal', voteInfo);
   return response.data;
 };
 // export const postNormalVoteAPI = async (voteInfo: PostNormalVoteRequest) => {
@@ -123,7 +133,7 @@ export interface PostDrinkVoteRequest {
 }
 
 export const postDrinkVoteAPI = async (voteInfo: PostDrinkVoteRequest) => {
-  const response = await http.post("api/votes/drink", voteInfo);
+  const response = await http.post('api/votes/drink', voteInfo);
   return response.data;
 };
 
@@ -140,27 +150,35 @@ export interface GetVotetDrinkListResponse {
 }
 
 export const getVoteDrinkList = async (params: GetVoteDrinkListRequest) => {
-  const response = await baseApi.get<GetVotetDrinkListResponse>("api/votes/drinks", {
-    params: {
-      ...params,
+  const response = await baseApi.get<GetVotetDrinkListResponse>(
+    'api/votes/drinks',
+    {
+      params: {
+        ...params,
+      },
     },
-  });
+  );
   return response.data.voteSlice;
 };
 
-export const postExecuteVote = async (voteId: number, body: { choice: "A" | "B" | null }) => {
+export const postExecuteVote = async (
+  voteId: number,
+  body: { choice: 'A' | 'B' | null },
+) => {
   const response = await http.post(`api/votes/${voteId}/vote`, body);
   return response.data;
 };
 
-export type AorB = "A" | "B";
+export type AorB = 'A' | 'B';
 interface GetVotingCheckResponse {
   userChoice: AorB | null;
   voted: boolean;
 }
 
 export const getVotingCheck = async (voteId: number) => {
-  const response = await http.get<GetVotingCheckResponse>(`api/votes/${voteId}/voted`);
+  const response = await http.get<GetVotingCheckResponse>(
+    `api/votes/${voteId}/voted`,
+  );
   return response.data;
 };
 
diff --git a/apps/jurumarble/src/lib/apis/vote/getHotDrinkList.ts b/apps/jurumarble/src/lib/apis/vote/getHotDrinkList.ts
index b3f5befc..02070420 100644
--- a/apps/jurumarble/src/lib/apis/vote/getHotDrinkList.ts
+++ b/apps/jurumarble/src/lib/apis/vote/getHotDrinkList.ts
@@ -1,4 +1,4 @@
-import { httpFetch } from "src/modules/httpFetch";
+import { httpFetch } from 'src/modules/httpFetch';
 
 export interface GetHotDrinkResponse {
   drinkId: number;
diff --git a/apps/jurumarble/src/lib/apis/vote/getHotDrinkVote.ts b/apps/jurumarble/src/lib/apis/vote/getHotDrinkVote.ts
index fb74dfb0..5dbccabf 100644
--- a/apps/jurumarble/src/lib/apis/vote/getHotDrinkVote.ts
+++ b/apps/jurumarble/src/lib/apis/vote/getHotDrinkVote.ts
@@ -1,4 +1,4 @@
-import { httpFetch } from "src/modules/httpFetch";
+import { httpFetch } from 'src/modules/httpFetch';
 
 interface GetHotDrinkVoteResponse {
   voteId: number;
diff --git a/apps/jurumarble/src/lib/constants.tsx b/apps/jurumarble/src/lib/constants.tsx
index 3c2c7c99..548a59fa 100644
--- a/apps/jurumarble/src/lib/constants.tsx
+++ b/apps/jurumarble/src/lib/constants.tsx
@@ -1,82 +1,123 @@
-import LevelChip from "components/LevelChip";
+import LevelChip from 'components/LevelChip';
 import {
   DrinkCapacityHigh,
   DrinkCapacityLow,
   DrinkCapacityMedium,
   Female,
   Male,
-} from "public/images";
+} from 'public/images';
 
-import Path from "./Path";
+import Path from './Path';
 
-export const CLIENT_URL = process.env.NEXT_PUBLIC_CLIENT_URL || "";
-export const SERVER_URL = process.env.NEXT_PUBLIC_SERVER_URL || "";
+export const CLIENT_URL = process.env.NEXT_PUBLIC_CLIENT_URL || '';
+export const SERVER_URL = process.env.NEXT_PUBLIC_SERVER_URL || '';
 
-export const KAKAO_CLIENT_ID = process.env.NEXT_PUBLIC_KAKAO_CLIENT_ID || "";
-export const NAVER_CLIENT_ID = process.env.NEXT_PUBLIC_NAVER_CLIENT_ID || "";
+export const KAKAO_CLIENT_ID = process.env.NEXT_PUBLIC_KAKAO_CLIENT_ID || '';
+export const NAVER_CLIENT_ID = process.env.NEXT_PUBLIC_NAVER_CLIENT_ID || '';
 
-export const KAKAO_MAP_API_KEY = process.env.NEXT_PUBLIC_KAKAO_MAP_API_KEY || "";
+export const KAKAO_MAP_API_KEY =
+  process.env.NEXT_PUBLIC_KAKAO_MAP_API_KEY || '';
 export const KAKAO_LOGIN_REDIRECT_URL =
-  process.env.NODE_ENV === "development"
+  process.env.NODE_ENV === 'development'
     ? `http://localhost:3000/${Path.KAKAO_LOGIN_PROCESS}`
     : `${CLIENT_URL}${Path.KAKAO_LOGIN_PROCESS}`;
 export const NAVER_LOGIN_REDIRECT_URL =
-  process.env.NODE_ENV === "development"
+  process.env.NODE_ENV === 'development'
     ? `http://localhost:3000${Path.NAVER_LOGIN_PROCESS}`
     : `${CLIENT_URL}${Path.NAVER_LOGIN_PROCESS}`;
 
-export const DATA_GO_API_KEY = process.env.NEXT_PUBLIC_DATA_GO_API_KEY || "";
+export const DATA_GO_API_KEY = process.env.NEXT_PUBLIC_DATA_GO_API_KEY || '';
 
 export const REGION_LIST = [
-  { value: "SEOUL", label: "서울", lat: 37.53391, long: 126.9775 },
-  { value: "INCHEON", label: "인천", lat: 37.45323333333334, long: 126.70735277777779 },
-  { value: "DAEJEON", label: "대전", lat: 36.347119444444445, long: 127.38656666666667 },
-  { value: "DAEGU", label: "대구", lat: 35.868541666666665, long: 128.60355277777776 },
-  { value: "GWANGJU", label: "광주", lat: 35.156974999999996, long: 126.85336388888888 },
-  { value: "BUSAN", label: "부산", lat: 35.17701944444444, long: 129.07695277777776 },
-  { value: "ULSAN", label: "울산", lat: 35.53540833333333, long: 129.3136888888889 },
-  { value: "SEJONG", label: "세종", lat: 36.4800121, long: 127.289069 },
-  { value: "GYEONGGI", label: "경기", lat: 37.39067, long: 126.7888 },
-  { value: "GANGWON", label: "강원", lat: 38.642618, long: 127.170231 },
-  { value: "CHUNGBUK", label: "충북", lat: 36.6325, long: 127.49358611111111 },
-  { value: "CHUNGNAM", label: "충남", lat: 36.32387222222223, long: 127.42295555555556 },
-  { value: "GYEONGBUK", label: "경북", lat: 36.491286, long: 128.889433 },
-  { value: "GYEONGNAM", label: "경남", lat: 35.459369, long: 128.214826 },
-  { value: "JEONBUK", label: "전북", lat: 35.81727, long: 127.11105277777777 },
-  { value: "JEONNAM", label: "전남", lat: 34.813044444444444, long: 126.465 },
-  { value: "JEJU", label: "제주", lat: 33.48569444444445, long: 126.50033333333333 },
+  { value: 'SEOUL', label: '서울', lat: 37.53391, long: 126.9775 },
+  {
+    value: 'INCHEON',
+    label: '인천',
+    lat: 37.45323333333334,
+    long: 126.70735277777779,
+  },
+  {
+    value: 'DAEJEON',
+    label: '대전',
+    lat: 36.347119444444445,
+    long: 127.38656666666667,
+  },
+  {
+    value: 'DAEGU',
+    label: '대구',
+    lat: 35.868541666666665,
+    long: 128.60355277777776,
+  },
+  {
+    value: 'GWANGJU',
+    label: '광주',
+    lat: 35.156974999999996,
+    long: 126.85336388888888,
+  },
+  {
+    value: 'BUSAN',
+    label: '부산',
+    lat: 35.17701944444444,
+    long: 129.07695277777776,
+  },
+  {
+    value: 'ULSAN',
+    label: '울산',
+    lat: 35.53540833333333,
+    long: 129.3136888888889,
+  },
+  { value: 'SEJONG', label: '세종', lat: 36.4800121, long: 127.289069 },
+  { value: 'GYEONGGI', label: '경기', lat: 37.39067, long: 126.7888 },
+  { value: 'GANGWON', label: '강원', lat: 38.642618, long: 127.170231 },
+  { value: 'CHUNGBUK', label: '충북', lat: 36.6325, long: 127.49358611111111 },
+  {
+    value: 'CHUNGNAM',
+    label: '충남',
+    lat: 36.32387222222223,
+    long: 127.42295555555556,
+  },
+  { value: 'GYEONGBUK', label: '경북', lat: 36.491286, long: 128.889433 },
+  { value: 'GYEONGNAM', label: '경남', lat: 35.459369, long: 128.214826 },
+  { value: 'JEONBUK', label: '전북', lat: 35.81727, long: 127.11105277777777 },
+  { value: 'JEONNAM', label: '전남', lat: 34.813044444444444, long: 126.465 },
+  {
+    value: 'JEJU',
+    label: '제주',
+    lat: 33.48569444444445,
+    long: 126.50033333333333,
+  },
 ];
 
 export const DRINK_VOTE_SORT_LIST = [
-  { value: "ByPopularity", label: "인기순" },
-  { value: "ByTime", label: "최신순" },
+  { value: 'ByPopularity', label: '인기순' },
+  { value: 'ByTime', label: '최신순' },
 ];
 
 export const DRINK_INFO_SORT_LIST = [
-  { value: "ByName", label: "이름순" },
-  { value: "ByPopularity", label: "인기순" },
+  { value: 'ByName', label: '이름순' },
+  { value: 'ByPopularity', label: '인기순' },
 ];
 
 export const VOTE_GENDER_FILTER_LIST = [
-  { value: "", label: "성별" },
-  { value: "MALE", label: "남성" },
-  { value: "FEMALE", label: "여성" },
+  { value: '', label: '성별' },
+  { value: 'MALE', label: '남성' },
+  { value: 'FEMALE', label: '여성' },
 ];
 
 export const VOTE_AGE_FILTER_LIST = [
-  { value: "", label: "나이" },
-  { value: "teenager", label: "10대" },
-  { value: "twenties", label: "20대" },
-  { value: "thirties", label: "30대" },
-  { value: "fourties", label: "40대" },
-  { value: "fifties", label: "50대" },
+  { value: '', label: '나이' },
+  { value: 'teenager', label: '10대' },
+  { value: 'twenties', label: '20대' },
+  { value: 'thirties', label: '30대' },
+  { value: 'fourties', label: '40대' },
+  { value: 'fifties', label: '50대' },
 ];
 
 export const VOTE_ALCOHOL_FILTER_LIST = [
-  { value: "", label: "술레벨" },
-  { value: "LOW", label: "Lv.1" },
-  { value: "MEDIUM", label: "Lv.2" },
-  { value: "HIGH", label: "Lv.3" },
+  { value: '', label: '술레벨' },
+  { value: 'LOW', label: 'Lv.1' },
+  { value: 'MEDIUM', label: 'Lv.2' },
+  { value: 'HIGH', label: 'Lv.3' },
 ];
 
 /**
@@ -84,85 +125,85 @@ export const VOTE_ALCOHOL_FILTER_LIST = [
  */
 
 export const GENDER = {
-  MALE: "MALE",
-  FEMALE: "FEMALE",
+  MALE: 'MALE',
+  FEMALE: 'FEMALE',
 } as const;
 
 export const GENDER_LIST = [
   {
-    id: "MALE",
-    label: "남성",
+    id: 'MALE',
+    label: '남성',
     src: Male,
   },
   {
-    id: "FEMALE",
-    label: "여성",
+    id: 'FEMALE',
+    label: '여성',
     src: Female,
   },
 ] as const;
 
-export type GenderTypes = (typeof GENDER_LIST)[number]["id"];
+export type GenderTypes = (typeof GENDER_LIST)[number]['id'];
 
 export const ALCOHOL_LEVEL_LIST = [
   {
-    id: "LOW",
-    label: "아름다울 미(美)주가",
-    description: "도수가 비교적 낮은 맥주•막걸리•과실주 등 맛으로 즐기는 타입",
+    id: 'LOW',
+    label: '아름다울 미(美)주가',
+    description: '도수가 비교적 낮은 맥주•막걸리•과실주 등 맛으로 즐기는 타입',
     image: DrinkCapacityLow,
     levelChip: () => <LevelChip level={1} />,
   },
   {
-    id: "MEDIUM",
-    label: "즐거울 락(㦡)주가",
-    description: "소주 등 술맛이 나야 진정한 술이라고 생각하는 타입",
+    id: 'MEDIUM',
+    label: '즐거울 락(㦡)주가',
+    description: '소주 등 술맛이 나야 진정한 술이라고 생각하는 타입',
     image: DrinkCapacityMedium,
     levelChip: () => <LevelChip level={2} />,
   },
   {
-    id: "HIGH",
-    label: "사랑할 애(愛)주가",
-    description: "높은 도수의 소주•위스키 등 독한 술을 사랑하는 타입",
+    id: 'HIGH',
+    label: '사랑할 애(愛)주가',
+    description: '높은 도수의 소주•위스키 등 독한 술을 사랑하는 타입',
     image: DrinkCapacityHigh,
     levelChip: () => <LevelChip level={3} />,
   },
 ] as const;
-export type DrinkCapacityTypes = (typeof ALCOHOL_LEVEL_LIST)[number]["id"];
+export type DrinkCapacityTypes = (typeof ALCOHOL_LEVEL_LIST)[number]['id'];
 
 export const MBTI_LIST = [
-  { id: "ESTP", label: "ESTP" },
-  { id: "ESFP", label: "ESFP" },
-  { id: "ENFP", label: "ENFP" },
-  { id: "ENTP", label: "ENTP" },
-  { id: "ESTJ", label: "ESTJ" },
-  { id: "ESFJ", label: "ESFJ" },
-  { id: "ENFJ", label: "ENFJ" },
-  { id: "ENTJ", label: "ENTJ" },
-  { id: "ISTJ", label: "ISTJ" },
-  { id: "ISFJ", label: "ISFJ" },
-  { id: "INFJ", label: "INFJ" },
-  { id: "INTJ", label: "INTJ" },
-  { id: "ISTP", label: "ISTP" },
-  { id: "ISFP", label: "ISFP" },
-  { id: "INFP", label: "INFP" },
-  { id: "INTP", label: "INTP" },
+  { id: 'ESTP', label: 'ESTP' },
+  { id: 'ESFP', label: 'ESFP' },
+  { id: 'ENFP', label: 'ENFP' },
+  { id: 'ENTP', label: 'ENTP' },
+  { id: 'ESTJ', label: 'ESTJ' },
+  { id: 'ESFJ', label: 'ESFJ' },
+  { id: 'ENFJ', label: 'ENFJ' },
+  { id: 'ENTJ', label: 'ENTJ' },
+  { id: 'ISTJ', label: 'ISTJ' },
+  { id: 'ISFJ', label: 'ISFJ' },
+  { id: 'INFJ', label: 'INFJ' },
+  { id: 'INTJ', label: 'INTJ' },
+  { id: 'ISTP', label: 'ISTP' },
+  { id: 'ISFP', label: 'ISFP' },
+  { id: 'INFP', label: 'INFP' },
+  { id: 'INTP', label: 'INTP' },
 ];
 
 export const VOTE_MBTI_LIST = [
-  { value: "", label: "MBTI" },
-  { value: "ESTP", label: "ESTP" },
-  { value: "ESFP", label: "ESFP" },
-  { value: "ENFP", label: "ENFP" },
-  { value: "ENTP", label: "ENTP" },
-  { value: "ESTJ", label: "ESTJ" },
-  { value: "ESFJ", label: "ESFJ" },
-  { value: "ENFJ", label: "ENFJ" },
-  { value: "ENTJ", label: "ENTJ" },
-  { value: "ISTJ", label: "ISTJ" },
-  { value: "ISFJ", label: "ISFJ" },
-  { value: "INFJ", label: "INFJ" },
-  { value: "INTJ", label: "INTJ" },
-  { value: "ISTP", label: "ISTP" },
-  { value: "ISFP", label: "ISFP" },
-  { value: "INFP", label: "INFP" },
-  { value: "INTP", label: "INTP" },
+  { value: '', label: 'MBTI' },
+  { value: 'ESTP', label: 'ESTP' },
+  { value: 'ESFP', label: 'ESFP' },
+  { value: 'ENFP', label: 'ENFP' },
+  { value: 'ENTP', label: 'ENTP' },
+  { value: 'ESTJ', label: 'ESTJ' },
+  { value: 'ESFJ', label: 'ESFJ' },
+  { value: 'ENFJ', label: 'ENFJ' },
+  { value: 'ENTJ', label: 'ENTJ' },
+  { value: 'ISTJ', label: 'ISTJ' },
+  { value: 'ISFJ', label: 'ISFJ' },
+  { value: 'INFJ', label: 'INFJ' },
+  { value: 'INTJ', label: 'INTJ' },
+  { value: 'ISTP', label: 'ISTP' },
+  { value: 'ISFP', label: 'ISFP' },
+  { value: 'INFP', label: 'INFP' },
+  { value: 'INTP', label: 'INTP' },
 ];
diff --git a/apps/jurumarble/src/lib/env.ts b/apps/jurumarble/src/lib/env.ts
index 7c668ef4..68fffa08 100644
--- a/apps/jurumarble/src/lib/env.ts
+++ b/apps/jurumarble/src/lib/env.ts
@@ -1,19 +1,20 @@
-import Path from "./Path";
+import Path from './Path';
 
-export const CLIENT_URL = process.env.NEXT_PUBLIC_CLIENT_URL || "";
-export const SERVER_URL = process.env.NEXT_PUBLIC_SERVER_URL || "";
+export const CLIENT_URL = process.env.NEXT_PUBLIC_CLIENT_URL || '';
+export const SERVER_URL = process.env.NEXT_PUBLIC_SERVER_URL || '';
 
-export const KAKAO_CLIENT_ID = process.env.NEXT_PUBLIC_KAKAO_CLIENT_ID || "";
-export const NAVER_CLIENT_ID = process.env.NEXT_PUBLIC_NAVER_CLIENT_ID || "";
+export const KAKAO_CLIENT_ID = process.env.NEXT_PUBLIC_KAKAO_CLIENT_ID || '';
+export const NAVER_CLIENT_ID = process.env.NEXT_PUBLIC_NAVER_CLIENT_ID || '';
 
-export const KAKAO_MAP_API_KEY = process.env.NEXT_PUBLIC_KAKAO_MAP_API_KEY || "";
+export const KAKAO_MAP_API_KEY =
+  process.env.NEXT_PUBLIC_KAKAO_MAP_API_KEY || '';
 export const KAKAO_LOGIN_REDIRECT_URL =
-  process.env.NODE_ENV === "development"
+  process.env.NODE_ENV === 'development'
     ? `http://localhost:3000/${Path.KAKAO_LOGIN_PROCESS}`
     : `${CLIENT_URL}${Path.KAKAO_LOGIN_PROCESS}`;
 export const NAVER_LOGIN_REDIRECT_URL =
-  process.env.NODE_ENV === "development"
+  process.env.NODE_ENV === 'development'
     ? `http://localhost:3000${Path.NAVER_LOGIN_PROCESS}`
     : `${CLIENT_URL}${Path.NAVER_LOGIN_PROCESS}`;
 
-export const DATA_GO_API_KEY = process.env.NEXT_PUBLIC_DATA_GO_API_KEY || "";
+export const DATA_GO_API_KEY = process.env.NEXT_PUBLIC_DATA_GO_API_KEY || '';
diff --git a/apps/jurumarble/src/lib/localFont.ts b/apps/jurumarble/src/lib/localFont.ts
index 66f0860e..2102414a 100644
--- a/apps/jurumarble/src/lib/localFont.ts
+++ b/apps/jurumarble/src/lib/localFont.ts
@@ -1,16 +1,52 @@
-import { NextFont } from "next/dist/compiled/@next/font";
-import localFont from "next/font/local";
+import { NextFont } from 'next/dist/compiled/@next/font';
+import localFont from 'next/font/local';
 
 export const pretandard: NextFont = localFont({
   src: [
-    { path: "../../public/font/Pretendard-Black.subset.woff", style: "normal", weight: "900" },
-    { path: "../../public/font/Pretendard-ExtraBold.subset.woff", style: "normal", weight: "800" },
-    { path: "../../public/font/Pretendard-Bold.subset.woff", style: "normal", weight: "700" },
-    { path: "../../public/font/Pretendard-SemiBold.subset.woff", style: "normal", weight: "600" },
-    { path: "../../public/font/Pretendard-Medium.subset.woff", style: "normal", weight: "500" },
-    { path: "../../public/font/Pretendard-Regular.subset.woff", style: "normal", weight: "400" },
-    { path: "../../public/font/Pretendard-Light.subset.woff", style: "normal", weight: "300" },
-    { path: "../../public/font/Pretendard-ExtraLight.subset.woff", style: "normal", weight: "200" },
-    { path: "../../public/font/Pretendard-Thin.subset.woff", style: "normal", weight: "100" },
+    {
+      path: '../../public/font/Pretendard-Black.subset.woff',
+      style: 'normal',
+      weight: '900',
+    },
+    {
+      path: '../../public/font/Pretendard-ExtraBold.subset.woff',
+      style: 'normal',
+      weight: '800',
+    },
+    {
+      path: '../../public/font/Pretendard-Bold.subset.woff',
+      style: 'normal',
+      weight: '700',
+    },
+    {
+      path: '../../public/font/Pretendard-SemiBold.subset.woff',
+      style: 'normal',
+      weight: '600',
+    },
+    {
+      path: '../../public/font/Pretendard-Medium.subset.woff',
+      style: 'normal',
+      weight: '500',
+    },
+    {
+      path: '../../public/font/Pretendard-Regular.subset.woff',
+      style: 'normal',
+      weight: '400',
+    },
+    {
+      path: '../../public/font/Pretendard-Light.subset.woff',
+      style: 'normal',
+      weight: '300',
+    },
+    {
+      path: '../../public/font/Pretendard-ExtraLight.subset.woff',
+      style: 'normal',
+      weight: '200',
+    },
+    {
+      path: '../../public/font/Pretendard-Thin.subset.woff',
+      style: 'normal',
+      weight: '100',
+    },
   ],
 });
diff --git a/apps/jurumarble/src/lib/queryKeys.ts b/apps/jurumarble/src/lib/queryKeys.ts
index 4de0164d..46fc457e 100644
--- a/apps/jurumarble/src/lib/queryKeys.ts
+++ b/apps/jurumarble/src/lib/queryKeys.ts
@@ -1,47 +1,63 @@
 export const queryKeys = {
-  BOOKMARK_CHECK: "bookmarkCheck" as const,
-  DETAIL_COMMENT_LIST: "commentByVoteId" as const,
-  DETAIL_FILTERED_ANALYSIS: "filteredAnalysisByVoteId" as const,
-  DETAIL_VOTE_COUNT: "voteCountByVoteId" as const,
-  DRINK_STAMP: "drinkStamp" as const,
-  DRINK_STAMP_LIST: "drinkStampList" as const,
-  DRINKS_INFO: "drinksInfo" as const,
-  DRINKS_MAP: "drinksMap" as const,
-  HOT_DRINK_LIST: "hotDrinkList" as const,
-  HOT_DRINK_VOTE: "hotDrinkVote" as const,
-  LOGIN_INFO: "loginInfo" as const,
-  MAIN_VOTE_LIST: "mainVoteList" as const,
-  MY_BOOKMARKED_VOTE: "myBookmarkedVote" as const,
-  MY_CREATED_VOTE: "myCreatedVote" as const,
-  MY_PARTICIPATED_VOTE: "myParticipatedVote" as const,
-  NOTIFICATION_LIST: "notificationList" as const,
-  RESTAURANT_IMAGE_LIST: "restaurantImageList" as const,
-  RESTAURANT_LIST: "restaurantList" as const,
-  SEARCH_DRINK_LIST: "searchDrinkList" as const,
-  SEARCH_VOTE_DRINK_LIST: "searchVoteDrinkList" as const,
-  THE_NUMBER_OF_MY_VOTE: "theNumberOfMyVote" as const,
-  TODAY_DRINK_RECOMMENDATION: "todayDrinkRecommendation" as const,
-  USER_INFO: "userInfo" as const,
-  VOTE_DETAIL: "voteDetail" as const,
-  VOTE_LIST: "voteList" as const,
-  VOTING_CHECK: "votingCheck" as const,
+  BOOKMARK_CHECK: 'bookmarkCheck' as const,
+  DETAIL_COMMENT_LIST: 'commentByVoteId' as const,
+  DETAIL_FILTERED_ANALYSIS: 'filteredAnalysisByVoteId' as const,
+  DETAIL_VOTE_COUNT: 'voteCountByVoteId' as const,
+  DRINK_STAMP: 'drinkStamp' as const,
+  DRINK_STAMP_LIST: 'drinkStampList' as const,
+  DRINKS_INFO: 'drinksInfo' as const,
+  DRINKS_MAP: 'drinksMap' as const,
+  HOT_DRINK_LIST: 'hotDrinkList' as const,
+  HOT_DRINK_VOTE: 'hotDrinkVote' as const,
+  LOGIN_INFO: 'loginInfo' as const,
+  MAIN_VOTE_LIST: 'mainVoteList' as const,
+  MY_BOOKMARKED_VOTE: 'myBookmarkedVote' as const,
+  MY_CREATED_VOTE: 'myCreatedVote' as const,
+  MY_PARTICIPATED_VOTE: 'myParticipatedVote' as const,
+  NOTIFICATION_LIST: 'notificationList' as const,
+  RESTAURANT_IMAGE_LIST: 'restaurantImageList' as const,
+  RESTAURANT_LIST: 'restaurantList' as const,
+  SEARCH_DRINK_LIST: 'searchDrinkList' as const,
+  SEARCH_VOTE_DRINK_LIST: 'searchVoteDrinkList' as const,
+  THE_NUMBER_OF_MY_VOTE: 'theNumberOfMyVote' as const,
+  TODAY_DRINK_RECOMMENDATION: 'todayDrinkRecommendation' as const,
+  USER_INFO: 'userInfo' as const,
+  VOTE_DETAIL: 'voteDetail' as const,
+  VOTE_LIST: 'voteList' as const,
+  VOTING_CHECK: 'votingCheck' as const,
 };
 
 export const reactQueryKeys = {
   detailCommentList: (
     typeId: number,
-    commentType: "votes" | "drinks",
+    commentType: 'votes' | 'drinks',
     size?: number,
     page?: number,
     sortBy?: string,
-  ) => [queryKeys.DETAIL_COMMENT_LIST, typeId, commentType, size, page, sortBy] as const,
+  ) =>
+    [
+      queryKeys.DETAIL_COMMENT_LIST,
+      typeId,
+      commentType,
+      size,
+      page,
+      sortBy,
+    ] as const,
   detailFilterdAnalysis: (
     id: number,
     mbti?: string,
     gender?: string,
     age?: string,
     alcoholLimit?: string,
-  ) => [queryKeys.DETAIL_FILTERED_ANALYSIS, id, mbti, gender, age, alcoholLimit] as const,
+  ) =>
+    [
+      queryKeys.DETAIL_FILTERED_ANALYSIS,
+      id,
+      mbti,
+      gender,
+      age,
+      alcoholLimit,
+    ] as const,
   detailVoteCount: (id: number) => [queryKeys.DETAIL_VOTE_COUNT, id] as const,
   drinksInfo: (id: number) => [queryKeys.DRINKS_INFO, id] as const,
   drinksMap: (
diff --git a/apps/jurumarble/src/lib/registory.tsx b/apps/jurumarble/src/lib/registory.tsx
index 26aa6e81..4d6d645a 100644
--- a/apps/jurumarble/src/lib/registory.tsx
+++ b/apps/jurumarble/src/lib/registory.tsx
@@ -1,11 +1,15 @@
-"use client";
+'use client';
 
-import React, { useState } from "react";
+import React, { useState } from 'react';
 
-import { useServerInsertedHTML } from "next/navigation";
-import { ServerStyleSheet, StyleSheetManager } from "styled-components";
+import { useServerInsertedHTML } from 'next/navigation';
+import { ServerStyleSheet, StyleSheetManager } from 'styled-components';
 
-export default function StyledComponentsRegistry({ children }: { children: React.ReactNode }) {
+export default function StyledComponentsRegistry({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
   // Only create stylesheet once with lazy initial state
   // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state
   const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());
@@ -18,11 +22,13 @@ export default function StyledComponentsRegistry({ children }: { children: React
     return <>{styles}</>;
   });
 
-  if (typeof window !== "undefined") {
+  if (typeof window !== 'undefined') {
     return <>{children}</>;
   }
 
   return (
-    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>{children}</StyleSheetManager>
+    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>
+      {children}
+    </StyleSheetManager>
   );
 }
diff --git a/apps/jurumarble/src/lib/styles/StyledComponents.tsx b/apps/jurumarble/src/lib/styles/StyledComponents.tsx
index d3e81609..780ad963 100644
--- a/apps/jurumarble/src/lib/styles/StyledComponents.tsx
+++ b/apps/jurumarble/src/lib/styles/StyledComponents.tsx
@@ -1,14 +1,13 @@
-"use client";
+'use client';
 
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 
-import { theme } from "@monorepo/ui";
-import StyledComponentsRegistry from "lib/registory";
-import { ThemeProvider } from "styled-components";
-
-import GlobalStyles from "./globalStyles";
-import { jurumarbleTheme } from "./theme";
+import { theme } from '@monorepo/ui';
+import StyledComponentsRegistry from 'lib/registory';
+import { ThemeProvider } from 'styled-components';
 
+import GlobalStyles from './globalStyles';
+import { jurumarbleTheme } from './theme';
 
 function StyledComponents({ children }: PropsWithChildren) {
   const mergedTheme = {
diff --git a/apps/jurumarble/src/lib/styles/getClassNames.ts b/apps/jurumarble/src/lib/styles/getClassNames.ts
index e3a1f792..fa61791e 100644
--- a/apps/jurumarble/src/lib/styles/getClassNames.ts
+++ b/apps/jurumarble/src/lib/styles/getClassNames.ts
@@ -1,8 +1,10 @@
-import typography from "./typography.module.css";
+import typography from './typography.module.css';
 
 type Styles = { [key: string]: string };
 export function getClassNames<T extends Styles>(styles: T) {
-  type BooleanMap = Partial<Record<keyof T, boolean> & { [key: string]: boolean }>;
+  type BooleanMap = Partial<
+    Record<keyof T, boolean> & { [key: string]: boolean }
+  >;
   type ClassNames = keyof T | false | null | undefined | BooleanMap;
   type ExtraClassName = ClassNames | Omit<string, keyof T>;
 
@@ -16,16 +18,16 @@ export function getClassNames<T extends Styles>(styles: T) {
   const fn = (...classNames: MergedClassName[]) => {
     return (classNames.filter((cn) => cn) as (keyof T)[])
       .map((className) => {
-        if (typeof className === "object") {
+        if (typeof className === 'object') {
           const keys = Object.keys(className) as (keyof T)[];
           return keys
             .filter((key) => className[key])
             .map((key) => styleUtils[key])
-            .join(" ");
+            .join(' ');
         }
         return styleUtils[className] ?? className;
       })
-      .join(" ");
+      .join(' ');
   };
 
   return fn;
diff --git a/apps/jurumarble/src/lib/styles/globalStyles.ts b/apps/jurumarble/src/lib/styles/globalStyles.ts
index 2f23b55e..b526c607 100644
--- a/apps/jurumarble/src/lib/styles/globalStyles.ts
+++ b/apps/jurumarble/src/lib/styles/globalStyles.ts
@@ -1,5 +1,5 @@
-import { createGlobalStyle } from "styled-components";
-import reset from "styled-reset";
+import { createGlobalStyle } from 'styled-components';
+import reset from 'styled-reset';
 
 const GlobalStyles = createGlobalStyle`
     ${reset}
diff --git a/apps/jurumarble/src/lib/styles/index.ts b/apps/jurumarble/src/lib/styles/index.ts
index 86aea7bd..f2865d20 100644
--- a/apps/jurumarble/src/lib/styles/index.ts
+++ b/apps/jurumarble/src/lib/styles/index.ts
@@ -1,6 +1,6 @@
-export * from "./theme";
-export { default as transitions } from "./transitions";
-export { default as GlobalStyles } from "./globalStyles";
-export { default as StyledComponents } from "./StyledComponents";
-export * from "./media";
-export * from "./depths";
+export * from './theme';
+export { default as transitions } from './transitions';
+export { default as GlobalStyles } from './globalStyles';
+export { default as StyledComponents } from './StyledComponents';
+export * from './media';
+export * from './depths';
diff --git a/apps/jurumarble/src/lib/styles/media.ts b/apps/jurumarble/src/lib/styles/media.ts
index 545f1a3a..433c2f71 100644
--- a/apps/jurumarble/src/lib/styles/media.ts
+++ b/apps/jurumarble/src/lib/styles/media.ts
@@ -1,4 +1,5 @@
-export const mediaQuery = (minWidth: number) => `@media (min-width: ${minWidth}px)`;
+export const mediaQuery = (minWidth: number) =>
+  `@media (min-width: ${minWidth}px)`;
 
 export const mediaSize = {
   large: 1024,
diff --git a/apps/jurumarble/src/lib/styles/styled.d.ts b/apps/jurumarble/src/lib/styles/styled.d.ts
index 82cbaf1e..e87336b3 100644
--- a/apps/jurumarble/src/lib/styles/styled.d.ts
+++ b/apps/jurumarble/src/lib/styles/styled.d.ts
@@ -1,9 +1,9 @@
-import { theme } from "@monorepo/ui";
+import { theme } from '@monorepo/ui';
 
-import { ThemeColors, ThemeMedia, ThemeTypography } from "./theme";
+import { ThemeColors, ThemeMedia, ThemeTypography } from './theme';
 
 type Theme = typeof theme;
-declare module "styled-components" {
+declare module 'styled-components' {
   export interface DefaultTheme extends Theme {
     colors: ThemeColors;
     typography: ThemeTypography;
diff --git a/apps/jurumarble/src/lib/styles/theme.ts b/apps/jurumarble/src/lib/styles/theme.ts
index 162583ce..ac8afa78 100644
--- a/apps/jurumarble/src/lib/styles/theme.ts
+++ b/apps/jurumarble/src/lib/styles/theme.ts
@@ -1,29 +1,29 @@
 const colors = {
-  bg_01: "#f0f0f0",
-  bg_02: "#f5f5f5",
-  black_01: "#222222",
-  black_02: "#373737",
-  black_03: "#676767",
-  black_04: "#898989",
-  black_05: "#cccccc",
-  kakao: "#fee500",
-  line_01: "#e9e9e9",
-  line_02: "#f5f5f5",
-  main_01: "#ff4a16",
-  main_02: "#ffe8e1",
-  main_drop_shadow_bottom: "rgba(235, 235, 235, 0.80)",
-  main_drop_shadow_top: "rgba(235, 235, 235, 0.80)",
-  modal: "rgba(0, 0, 0, 0.5)",
-  modal_shadow: "rgba(235, 235, 235, 0.80)",
-  naver: "#03c75a",
-  sub_01: "#ffa183",
-  sub_02: "#aedac4",
-  system_black: "rgba(0, 0, 0, 0.80)",
-  system_blue: "rgba(0, 26, 255, 0.80)",
-  system_green: "#04b014",
-  system_red: "#dc0000",
-  system_yellow: "#f5a623",
-  white: "#ffffff",
+  bg_01: '#f0f0f0',
+  bg_02: '#f5f5f5',
+  black_01: '#222222',
+  black_02: '#373737',
+  black_03: '#676767',
+  black_04: '#898989',
+  black_05: '#cccccc',
+  kakao: '#fee500',
+  line_01: '#e9e9e9',
+  line_02: '#f5f5f5',
+  main_01: '#ff4a16',
+  main_02: '#ffe8e1',
+  main_drop_shadow_bottom: 'rgba(235, 235, 235, 0.80)',
+  main_drop_shadow_top: 'rgba(235, 235, 235, 0.80)',
+  modal: 'rgba(0, 0, 0, 0.5)',
+  modal_shadow: 'rgba(235, 235, 235, 0.80)',
+  naver: '#03c75a',
+  sub_01: '#ffa183',
+  sub_02: '#aedac4',
+  system_black: 'rgba(0, 0, 0, 0.80)',
+  system_blue: 'rgba(0, 26, 255, 0.80)',
+  system_green: '#04b014',
+  system_red: '#dc0000',
+  system_yellow: '#f5a623',
+  white: '#ffffff',
 } as const;
 
 const typography = {
diff --git a/apps/jurumarble/src/lib/styles/transitions.ts b/apps/jurumarble/src/lib/styles/transitions.ts
index 2e621101..78cdc7a5 100644
--- a/apps/jurumarble/src/lib/styles/transitions.ts
+++ b/apps/jurumarble/src/lib/styles/transitions.ts
@@ -1,4 +1,4 @@
-import { keyframes } from "styled-components";
+import { keyframes } from 'styled-components';
 
 const fadeIn = keyframes`
   0% {
diff --git a/apps/jurumarble/src/lib/utils/auth.ts b/apps/jurumarble/src/lib/utils/auth.ts
index 72f2427e..6e439972 100644
--- a/apps/jurumarble/src/lib/utils/auth.ts
+++ b/apps/jurumarble/src/lib/utils/auth.ts
@@ -1,18 +1,20 @@
-import Path from "lib/Path";
+import Path from 'lib/Path';
 
-import userStorage from "./userStorage";
+import userStorage from './userStorage';
 
 export function logout() {
-  if (typeof window !== "undefined") {
+  if (typeof window !== 'undefined') {
     userStorage.remove();
     window.location.replace(Path.MAIN_PAGE);
   }
 }
 
 export function isLogin() {
-  if (typeof window !== "undefined") {
+  if (typeof window !== 'undefined') {
     const user = userStorage.get();
-    if (!user) {return false;}
+    if (!user) {
+      return false;
+    }
 
     const { accessToken } = user;
     return !!accessToken;
diff --git a/apps/jurumarble/src/lib/utils/formatDate.ts b/apps/jurumarble/src/lib/utils/formatDate.ts
index 08525a18..dcdc2fc6 100644
--- a/apps/jurumarble/src/lib/utils/formatDate.ts
+++ b/apps/jurumarble/src/lib/utils/formatDate.ts
@@ -1,7 +1,7 @@
 export function formatDate(inputDate: string) {
   const date = new Date(inputDate);
   const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
   return `${year}. ${month}. ${day}`;
 }
diff --git a/apps/jurumarble/src/lib/utils/formatUserInfo.ts b/apps/jurumarble/src/lib/utils/formatUserInfo.ts
index b5d8b75a..62ace5e3 100644
--- a/apps/jurumarble/src/lib/utils/formatUserInfo.ts
+++ b/apps/jurumarble/src/lib/utils/formatUserInfo.ts
@@ -1,21 +1,35 @@
 // male이 들어오면 남, female이 들어오면 여 리턴
 export const convertGender = (gender: string) => {
-  if (gender === "MALE") {return "남";}
-  return "여";
+  if (gender === 'MALE') {
+    return '남';
+  }
+  return '여';
 };
 
 // age = teenager, twenties, thirties, fourties, fifties
 export const convertAge = (age: string) => {
-  if (age === "teenager") {return "10대";}
-  if (age === "twenties") {return "20대";}
-  if (age === "thirties") {return "30대";}
-  if (age === "fourties") {return "40대";}
-  return "50대";
+  if (age === 'teenager') {
+    return '10대';
+  }
+  if (age === 'twenties') {
+    return '20대';
+  }
+  if (age === 'thirties') {
+    return '30대';
+  }
+  if (age === 'fourties') {
+    return '40대';
+  }
+  return '50대';
 };
 
 // lever = HIGH, MEDIUM, LOW
 export const convertLevel = (level: string) => {
-  if (level === "HIGH") {return "Lv.3";}
-  if (level === "MEDIUM") {return "Lv.2";}
-  return "Lv.1";
+  if (level === 'HIGH') {
+    return 'Lv.3';
+  }
+  if (level === 'MEDIUM') {
+    return 'Lv.2';
+  }
+  return 'Lv.1';
 };
diff --git a/apps/jurumarble/src/lib/utils/userStorage.ts b/apps/jurumarble/src/lib/utils/userStorage.ts
index ac8731af..707a4977 100644
--- a/apps/jurumarble/src/lib/utils/userStorage.ts
+++ b/apps/jurumarble/src/lib/utils/userStorage.ts
@@ -1,4 +1,4 @@
-export const USER_STORAGE_KEY = "JURUMARBLE_USER";
+export const USER_STORAGE_KEY = 'JURUMARBLE_USER';
 
 interface Token {
   accessToken: string;
@@ -6,10 +6,12 @@ interface Token {
 
 const userStorage = {
   get() {
-    if (typeof window !== "undefined") {
+    if (typeof window !== 'undefined') {
       const user = localStorage.getItem(USER_STORAGE_KEY);
       try {
-        if (!user) {return null;}
+        if (!user) {
+          return null;
+        }
         const parsedUser = JSON.parse(user) as Token;
         return parsedUser;
       } catch (e) {
@@ -19,12 +21,12 @@ const userStorage = {
     }
   },
   set(user: Token) {
-    if (typeof window !== "undefined") {
+    if (typeof window !== 'undefined') {
       localStorage.setItem(USER_STORAGE_KEY, JSON.stringify(user));
     }
   },
   remove() {
-    if (typeof window !== "undefined") {
+    if (typeof window !== 'undefined') {
       localStorage.removeItem(USER_STORAGE_KEY);
     }
   },
diff --git a/apps/jurumarble/src/modules/getQueryClient.tsx b/apps/jurumarble/src/modules/getQueryClient.tsx
index 2ba0ef40..019528b5 100644
--- a/apps/jurumarble/src/modules/getQueryClient.tsx
+++ b/apps/jurumarble/src/modules/getQueryClient.tsx
@@ -1,6 +1,6 @@
-import { cache } from "react";
+import { cache } from 'react';
 
-import { QueryClient } from "@tanstack/query-core";
+import { QueryClient } from '@tanstack/query-core';
 
 const getQueryClient = cache(() => new QueryClient());
 export default getQueryClient;
diff --git a/apps/jurumarble/src/modules/httpFetch.ts b/apps/jurumarble/src/modules/httpFetch.ts
index 3f16528a..7ed1be32 100644
--- a/apps/jurumarble/src/modules/httpFetch.ts
+++ b/apps/jurumarble/src/modules/httpFetch.ts
@@ -1,7 +1,7 @@
-import { createHttpFetch } from "@mogakko/http-fetch";
-import { SERVER_URL } from "lib/env";
-import { logout } from "lib/utils/auth";
-import userStorage from "lib/utils/userStorage";
+import { createHttpFetch } from '@mogakko/http-fetch';
+import { SERVER_URL } from 'lib/env';
+import { logout } from 'lib/utils/auth';
+import userStorage from 'lib/utils/userStorage';
 
 export const httpFetch = createHttpFetch({
   baseUrl: SERVER_URL,
@@ -14,9 +14,9 @@ export const authHttpFetch = createHttpFetch({
       if (response.status === 401) {
         const tokens = userStorage.get();
         if (!tokens) {
-          throw new Error("No tokens found");
+          throw new Error('No tokens found');
         }
-        alert("로그인이 만료되었습니다. 다시 로그인해주세요.");
+        alert('로그인이 만료되었습니다. 다시 로그인해주세요.');
         logout();
       }
       return response;
@@ -24,7 +24,7 @@ export const authHttpFetch = createHttpFetch({
     request: async (args) => {
       const tokens = userStorage.get();
       if (!tokens) {
-        throw new Error("No tokens found");
+        throw new Error('No tokens found');
       }
 
       const { accessToken } = tokens;
diff --git a/apps/jurumarble/src/modules/hydrateOnClient.tsx b/apps/jurumarble/src/modules/hydrateOnClient.tsx
index dedba797..e3c5a607 100644
--- a/apps/jurumarble/src/modules/hydrateOnClient.tsx
+++ b/apps/jurumarble/src/modules/hydrateOnClient.tsx
@@ -1,5 +1,5 @@
-"use client";
+'use client';
 
-import { Hydrate as HydrateOnClient } from "@tanstack/react-query";
+import { Hydrate as HydrateOnClient } from '@tanstack/react-query';
 
 export default HydrateOnClient;
diff --git a/apps/jurumarble/src/services/useBookmarkService.ts b/apps/jurumarble/src/services/useBookmarkService.ts
index b6c11070..d8ecbb35 100644
--- a/apps/jurumarble/src/services/useBookmarkService.ts
+++ b/apps/jurumarble/src/services/useBookmarkService.ts
@@ -1,13 +1,19 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import Path from "lib/Path";
-import { getBookMarkCheckAPI, postBookmarkAPI } from "lib/apis/bookmark";
-import { queryKeys } from "lib/queryKeys";
-import { useRouter } from "next/navigation";
-import { toast } from "react-toastify";
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import Path from 'lib/Path';
+import { getBookMarkCheckAPI, postBookmarkAPI } from 'lib/apis/bookmark';
+import { queryKeys } from 'lib/queryKeys';
+import { useRouter } from 'next/navigation';
+import { toast } from 'react-toastify';
 
-type PostBookmarkProps = Exclude<Parameters<typeof postBookmarkAPI>[0], undefined>;
-const getBookmarkQueryKey = (params: PostBookmarkProps) => [queryKeys.BOOKMARK_CHECK, params];
+type PostBookmarkProps = Exclude<
+  Parameters<typeof postBookmarkAPI>[0],
+  undefined
+>;
+const getBookmarkQueryKey = (params: PostBookmarkProps) => [
+  queryKeys.BOOKMARK_CHECK,
+  params,
+];
 
 export default function useBookmarkService(voteId: PostBookmarkProps) {
   const queryClient = useQueryClient();
@@ -24,30 +30,50 @@ export default function useBookmarkService(voteId: PostBookmarkProps) {
 
   const router = useRouter();
 
-  const { mutate: mutateBookMark } = useMutation(() => postBookmarkAPI(voteId), {
-    async onMutate() {
-      await queryClient.cancelQueries(getBookmarkQueryKey(voteId));
-      const previousData = queryClient.getQueryData(getBookmarkQueryKey(voteId));
-      queryClient.setQueryData(getBookmarkQueryKey(voteId), (old: any) => [old, voteId]);
-      return { previousData };
-    },
-    onSuccess: () => {
-      const previousData = queryClient.getQueryData(getBookmarkQueryKey(voteId)) as any;
-      toast(previousData[0].bookmarked ? "북마크에서 삭제되었어요" : "북마크에 추가되었어요", {
-        toastId: "bookmark",
-      });
-    },
-    onError(err, drinkId, context) {
-      queryClient.setQueryData(getBookmarkQueryKey(voteId), context?.previousData);
-      if (confirm("로그인이 필요한 서비스입니다.")) {
-        router.push(Path.LOGIN_PAGE);
-      }
-    },
+  const { mutate: mutateBookMark } = useMutation(
+    () => postBookmarkAPI(voteId),
+    {
+      async onMutate() {
+        await queryClient.cancelQueries(getBookmarkQueryKey(voteId));
+        const previousData = queryClient.getQueryData(
+          getBookmarkQueryKey(voteId),
+        );
+        queryClient.setQueryData(getBookmarkQueryKey(voteId), (old: any) => [
+          old,
+          voteId,
+        ]);
+        return { previousData };
+      },
+      onSuccess: () => {
+        const previousData = queryClient.getQueryData(
+          getBookmarkQueryKey(voteId),
+        ) as any;
+        toast(
+          previousData[0].bookmarked
+            ? '북마크에서 삭제되었어요'
+            : '북마크에 추가되었어요',
+          {
+            toastId: 'bookmark',
+          },
+        );
+      },
+      onError(err, drinkId, context) {
+        queryClient.setQueryData(
+          getBookmarkQueryKey(voteId),
+          context?.previousData,
+        );
+        if (confirm('로그인이 필요한 서비스입니다.')) {
+          router.push(Path.LOGIN_PAGE);
+        }
+      },
 
-    onSettled(_, __) {
-      queryClient.invalidateQueries({ queryKey: getBookmarkQueryKey(voteId) });
+      onSettled(_, __) {
+        queryClient.invalidateQueries({
+          queryKey: getBookmarkQueryKey(voteId),
+        });
+      },
     },
-  });
+  );
 
   return { isBookmark, mutateBookMark };
 }
diff --git a/apps/jurumarble/src/services/useDrinkStampService.ts b/apps/jurumarble/src/services/useDrinkStampService.ts
index a713ae13..c83cfb25 100644
--- a/apps/jurumarble/src/services/useDrinkStampService.ts
+++ b/apps/jurumarble/src/services/useDrinkStampService.ts
@@ -1,14 +1,21 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { getIsEnjoyedDrinkAPI, postDrinkEnjoyAPI } from "lib/apis/drink";
-import { queryKeys } from "lib/queryKeys";
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { getIsEnjoyedDrinkAPI, postDrinkEnjoyAPI } from 'lib/apis/drink';
+import { queryKeys } from 'lib/queryKeys';
 
-type PostDrinkStampProps = Exclude<Parameters<typeof postDrinkEnjoyAPI>[0], undefined>;
-const getDrinkStampQueryKey = (params: PostDrinkStampProps) => [queryKeys.DRINK_STAMP, params];
+type PostDrinkStampProps = Exclude<
+  Parameters<typeof postDrinkEnjoyAPI>[0],
+  undefined
+>;
+const getDrinkStampQueryKey = (params: PostDrinkStampProps) => [
+  queryKeys.DRINK_STAMP,
+  params,
+];
 
 export default function useDrinkStampService(drinkId: PostDrinkStampProps) {
-  const { data: isStampedDrink } = useQuery(getDrinkStampQueryKey(drinkId), () =>
-    getIsEnjoyedDrinkAPI(drinkId),
+  const { data: isStampedDrink } = useQuery(
+    getDrinkStampQueryKey(drinkId),
+    () => getIsEnjoyedDrinkAPI(drinkId),
   );
 
   const queryClient = useQueryClient();
@@ -17,16 +24,26 @@ export default function useDrinkStampService(drinkId: PostDrinkStampProps) {
     {
       async onMutate(drinkId) {
         await queryClient.cancelQueries(getDrinkStampQueryKey(drinkId));
-        const previousData = queryClient.getQueryData(getDrinkStampQueryKey(drinkId));
-        queryClient.setQueryData(getDrinkStampQueryKey(drinkId), (old: any) => [old, drinkId]);
+        const previousData = queryClient.getQueryData(
+          getDrinkStampQueryKey(drinkId),
+        );
+        queryClient.setQueryData(getDrinkStampQueryKey(drinkId), (old: any) => [
+          old,
+          drinkId,
+        ]);
         return { previousData };
       },
       onError(err, drinkId, context) {
-        queryClient.setQueryData(getDrinkStampQueryKey(drinkId), context?.previousData);
+        queryClient.setQueryData(
+          getDrinkStampQueryKey(drinkId),
+          context?.previousData,
+        );
       },
 
       onSettled(_, __, drinkId) {
-        queryClient.invalidateQueries({ queryKey: getDrinkStampQueryKey(drinkId) });
+        queryClient.invalidateQueries({
+          queryKey: getDrinkStampQueryKey(drinkId),
+        });
       },
     },
   );
diff --git a/apps/jurumarble/src/services/useGetUserInfo.ts b/apps/jurumarble/src/services/useGetUserInfo.ts
index e29eae63..219a1c07 100644
--- a/apps/jurumarble/src/services/useGetUserInfo.ts
+++ b/apps/jurumarble/src/services/useGetUserInfo.ts
@@ -1,22 +1,26 @@
-import { useQuery } from "@tanstack/react-query";
-import { getUserInfoAPI, GetUserInfoResponse } from "lib/apis/user";
-import { queryKeys } from "lib/queryKeys";
+import { useQuery } from '@tanstack/react-query';
+import { getUserInfoAPI, GetUserInfoResponse } from 'lib/apis/user';
+import { queryKeys } from 'lib/queryKeys';
 
 const getQueryKey = [queryKeys.USER_INFO];
 
 export default function useGetUserInfo() {
-  const { data: userInfo } = useQuery<GetUserInfoResponse>(getQueryKey, getUserInfoAPI, {
-    placeholderData: () => ({
-      alcoholLimit: "",
-      email: "",
-      gender: "MALE",
-      imageUrl: "",
-      mbti: "ESTJ",
-      nickname: "",
-      userId: 0,
-      yearOfBirth: 1990,
-    }),
-  });
+  const { data: userInfo } = useQuery<GetUserInfoResponse>(
+    getQueryKey,
+    getUserInfoAPI,
+    {
+      placeholderData: () => ({
+        alcoholLimit: '',
+        email: '',
+        gender: 'MALE',
+        imageUrl: '',
+        mbti: 'ESTJ',
+        nickname: '',
+        userId: 0,
+        yearOfBirth: 1990,
+      }),
+    },
+  );
 
   return { userInfo };
 }
diff --git a/apps/jurumarble/src/types/common.ts b/apps/jurumarble/src/types/common.ts
index cff9eb21..92d453ff 100644
--- a/apps/jurumarble/src/types/common.ts
+++ b/apps/jurumarble/src/types/common.ts
@@ -1,5 +1,9 @@
-import { DRINK_INFO_SORT_LIST, DRINK_VOTE_SORT_LIST, REGION_LIST } from "lib/constants";
+import {
+  DRINK_INFO_SORT_LIST,
+  DRINK_VOTE_SORT_LIST,
+  REGION_LIST,
+} from 'lib/constants';
 
-export type DrinkInfoSortType = (typeof DRINK_INFO_SORT_LIST)[number]["value"];
-export type VoteSortType = (typeof DRINK_VOTE_SORT_LIST)[number]["value"];
-export type RegionType = (typeof REGION_LIST)[number]["value"];
+export type DrinkInfoSortType = (typeof DRINK_INFO_SORT_LIST)[number]['value'];
+export type VoteSortType = (typeof DRINK_VOTE_SORT_LIST)[number]['value'];
+export type RegionType = (typeof REGION_LIST)[number]['value'];
diff --git a/apps/jurumarble/src/types/drink.ts b/apps/jurumarble/src/types/drink.ts
index ba73bce0..ce548fac 100644
--- a/apps/jurumarble/src/types/drink.ts
+++ b/apps/jurumarble/src/types/drink.ts
@@ -30,7 +30,7 @@ export interface DrinkInfo {
   enjoyCount: number | null;
 }
 
-export type DrinkInfoType = Pick<DrinkInfo, "id" | "name" | "image">;
+export type DrinkInfoType = Pick<DrinkInfo, 'id' | 'name' | 'image'>;
 
 export interface DrinkMapInfo {
   drinkId: number;
diff --git a/apps/jurumarble/src/types/my.ts b/apps/jurumarble/src/types/my.ts
index de2a6f5a..69d6d681 100644
--- a/apps/jurumarble/src/types/my.ts
+++ b/apps/jurumarble/src/types/my.ts
@@ -1,7 +1,7 @@
 export const TAB_LIST = [
-  { id: "created-vote", name: "작성한 투표" },
-  { id: "paticipated-vote", name: "참여한 투표" },
-  { id: "bookmarked-vote", name: "북마크 투표" },
+  { id: 'created-vote', name: '작성한 투표' },
+  { id: 'paticipated-vote', name: '참여한 투표' },
+  { id: 'bookmarked-vote', name: '북마크 투표' },
 ] as const;
 
-export type TabList = (typeof TAB_LIST)[number]["id"];
+export type TabList = (typeof TAB_LIST)[number]['id'];
diff --git a/apps/jurumarble/src/types/register.ts b/apps/jurumarble/src/types/register.ts
index c7b67539..8e797e64 100644
--- a/apps/jurumarble/src/types/register.ts
+++ b/apps/jurumarble/src/types/register.ts
@@ -1,8 +1,8 @@
 export interface MBTIType {
-  M: "E" | "I" | null;
-  B: "S" | "N" | null;
-  T: "T" | "F" | null;
-  I: "J" | "P" | null;
+  M: 'E' | 'I' | null;
+  B: 'S' | 'N' | null;
+  T: 'T' | 'F' | null;
+  I: 'J' | 'P' | null;
 }
 
-export type Direction = "left" | "right";
+export type Direction = 'left' | 'right';
diff --git a/apps/jurumarble/src/types/vote.ts b/apps/jurumarble/src/types/vote.ts
index 83c5c76a..06d0b9fd 100644
--- a/apps/jurumarble/src/types/vote.ts
+++ b/apps/jurumarble/src/types/vote.ts
@@ -1,7 +1,13 @@
-import { postDrinkVoteAPI, postNormalVoteAPI } from "lib/apis/vote";
+import { postDrinkVoteAPI, postNormalVoteAPI } from 'lib/apis/vote';
 
-type PostNormalVoteRequest = Exclude<Parameters<typeof postNormalVoteAPI>[0], undefined>;
-type PostDrinkVoteRequest = Exclude<Parameters<typeof postDrinkVoteAPI>[0], undefined>;
+type PostNormalVoteRequest = Exclude<
+  Parameters<typeof postNormalVoteAPI>[0],
+  undefined
+>;
+type PostDrinkVoteRequest = Exclude<
+  Parameters<typeof postDrinkVoteAPI>[0],
+  undefined
+>;
 export type PostVoteType = PostNormalVoteRequest & PostDrinkVoteRequest;
 
 /**
diff --git a/package.json b/package.json
index bad7e086..176e949d 100644
--- a/package.json
+++ b/package.json
@@ -3,11 +3,7 @@
   "private": true,
   "scripts": {
     "chooz": "yarn workspace @monorepo/chooz",
-    "juma": "yarn workspace @monorepo/jurumarble",
-    "eslint": "yarn workspaces foreach -pi run eslint",
-    "eslint:fix": "yarn workspaces foreach -pi run eslint:fix --cache",
-    "prettier": "yarn workspaces foreach -pi run prettier",
-    "prettier:fix": "yarn workspaces foreach -pi run prettier:fix --cache"
+    "juma": "yarn workspace @monorepo/jurumarble"
   },
   "workspaces": {
     "packages": [