[chore]머지 후 변경사항 커밋

Author: mtm-git1018

src/domains/recipe/api/RecipeFetch.tsx

@@ -4,7 +4,6 @@ import { getApi } from '@/app/api/config/appConfig';
 import { Cocktail } from '../types/types';
 import { Dispatch, SetStateAction, useCallback } from 'react';
 
-
 interface Props {
   setData: React.Dispatch<React.SetStateAction<Cocktail[]>>;
   lastId: number | null;
@@ -13,7 +12,7 @@ interface Props {
   setHasNextPage: Dispatch<SetStateAction<boolean>>;
   SIZE?: number;
 }
-// api/cocktais fetch용 
+// api/cocktais fetch용
 export const RecipeFetch = ({
   setData,
   lastId,
@@ -22,19 +21,16 @@ export const RecipeFetch = ({
   setHasNextPage,
   SIZE = 20,
 }: Props) => {
-
-  
   const fetchData = useCallback(async () => {
-   
     // 쿼리파라미터에 값 넣기
     if (!hasNextPage) return;
     const url = new URL(`${getApi}/cocktails`);
     url.searchParams.set('size', String(SIZE));
     if (typeof lastId === 'number') {
       url.searchParams.set('lastId', String(lastId));
     }
-   
-    const res = await fetch(url.toString(),{method:'GET'});
+
+    const res = await fetch(url.toString(), { method: 'GET' });
     if (!res.ok) throw new Error('레시피 데이터 요청실패');
 
     const json = await res.json();
@@ -44,7 +40,6 @@ export const RecipeFetch = ({
     setData((prev) =>
       Array.from(new Map([...prev, ...list].map((i) => [i.cocktailId, i])).values())
     );
- 
 
     if (list.length > 0) {
       setLastId(list[list.length - 1].cocktailId);

src/domains/recipe/components/details/BackBtn.tsx

@@ -4,19 +4,17 @@ import { useRouter } from 'next/navigation';
 import Back from '@/shared/assets/icons/back_36.svg';
 
 function BackButton() {
-  const router = useRouter()
-
+  const router = useRouter();
 
   const handleClick = () => {
-    const url = sessionStorage.getItem('saveUrl')
-    if(!url) return 
-    router.push(url)
-  }
-
+    const url = sessionStorage.getItem('saveUrl');
+    if (!url) return;
+    router.push(url);
+  };
 
   return (
-    <button type="button" className="z-1" aria-label="뒤로가기" onClick={ handleClick}>
-       <Back />  
+    <button type="button" className="z-1" aria-label="뒤로가기" onClick={handleClick}>
+      <Back />
     </button>
   );
 }

src/domains/recipe/components/main/Accordion.tsx

@@ -65,7 +65,7 @@ const SELECT_OPTIONS = [
 ];
 
 function Accordion({ setAlcoholBaseTypes, setCocktailTypes, setAlcoholStrengths }: Props) {
-  const router = useRouter()
+  const router = useRouter();
   const pathname = usePathname();
   const searchParams = useSearchParams();
 
@@ -92,7 +92,6 @@ function Accordion({ setAlcoholBaseTypes, setCocktailTypes, setAlcoholStrengths
     return entry ? entry[0] : '전체';
   };
 
-
   // URL 파라미터에서 현재 선택된 값 가져오기 아코디언 UI에 적용
   const currentValues = useMemo(() => {
     return {
@@ -135,8 +134,7 @@ function Accordion({ setAlcoholBaseTypes, setCocktailTypes, setAlcoholStrengths
     const queryString = params.toString();
     const newUrl = `${pathname}?${queryString}`;
 
-
-    router.push(newUrl)
+    router.push(newUrl);
     // shallow routing으로 URL만 변경
     // window.history.pushState({ ...window.history.state, as: newUrl, url: newUrl }, '', newUrl);
   };

src/domains/recipe/components/main/CocktailList.tsx

@@ -15,7 +15,6 @@ interface Props {
 }
 
 function CocktailList({ cocktails, RecipeFetch, hasNextPage, lastId, onItemClick }: Props) {
-
   const cocktailRef = useRef(null);
   const onIntersect: IntersectionObserverCallback = ([entry]) => {
     if (!RecipeFetch) return;
@@ -29,8 +28,8 @@ function CocktailList({ cocktails, RecipeFetch, hasNextPage, lastId, onItemClick
 
   const handleClick = () => {
     sessionStorage.setItem('listScrollY', String(window.scrollY));
-    sessionStorage.setItem('saveUrl', String(location.href))
-}
+    sessionStorage.setItem('saveUrl', String(location.href));
+  };
 
   return (
     <ul
@@ -45,10 +44,7 @@ function CocktailList({ cocktails, RecipeFetch, hasNextPage, lastId, onItemClick
       {cocktails.map(
         ({ cocktailImgUrl, cocktailId, cocktailName, cocktailNameKo, alcoholStrength }) => (
           <li key={cocktailId} onClick={onItemClick} className="w-full">
-            <Link
-              href={`/recipe/${cocktailId}`}
-              onClick={handleClick}
-            >
+            <Link href={`/recipe/${cocktailId}`} onClick={handleClick}>
               <CocktailCard
                 id={cocktailId}
                 src={cocktailImgUrl}

src/domains/recipe/components/main/Cocktails.tsx

@@ -11,7 +11,6 @@ import CocktailSearchBar from './CocktailSearchBar';
 import useSearchControl from '../../hook/useSearchControl';
 import CocktailSearch from '../../api/CocktailSearch';
 
-
 function Cocktails() {
   const {
     data,

src/domains/recipe/hook/ozToMl.ts

@@ -1,20 +1,20 @@
-// 분수 매핑 
+// 분수 매핑
 const FRAC_MAP: Record<string, number> = {
-  '¼': 8, 
-  '½': 15, 
-  '¾': 23, 
-  '⅓': 10, 
-  '⅔': 20, 
-  '⅕': 6, 
-  '⅖': 12, 
-  '⅗': 18, 
-  '⅘': 24, 
-  '⅙': 5, 
-  '⅚': 25, 
+  '¼': 8,
+  '½': 15,
+  '¾': 23,
+  '⅓': 10,
+  '⅔': 20,
+  '⅕': 6,
+  '⅖': 12,
+  '⅗': 18,
+  '⅘': 24,
+  '⅙': 5,
+  '⅚': 25,
   '⅛': 4,
-  '⅜': 11, 
-  '⅝': 19, 
-  '⅞': 26, 
+  '⅜': 11,
+  '⅝': 19,
+  '⅞': 26,
 };
 
 // 정규식 분리 용 class

src/domains/shared/components/keep/Keep.tsx

@@ -3,7 +3,7 @@
 import KeepIcon from '@/shared/assets/icons/keep_36.svg';
 import KeepIconActive from '@/shared/assets/icons/keep_active_36.svg';
 import { useEffect, useState } from 'react';
-import { deleteKeep,  postKeep } from '../../api/keep/keep';
+import { deleteKeep, postKeep } from '../../api/keep/keep';
 import { getApi } from '@/app/api/config/appConfig';
 
 interface Props {
@@ -19,13 +19,13 @@ function Keep({ className, cocktailId }: Props) {
   useEffect(() => {
     const getKeep = async () => {
       const res = await fetch(`${getApi}/me/bar`, {
-        credentials:'include'
-      })
-      const json = await res.json()
-      json.data.items.keptAt ? setIsClick(true) :  setIsClick(false)
-    }
-    getKeep()
-  },[])
+        credentials: 'include',
+      });
+      const json = await res.json();
+      json.data.items.keptAt ? setIsClick(true) : setIsClick(false);
+    };
+    getKeep();
+  }, []);
 
   const handleClick = async (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();

src/domains/shared/hook/useMemoScroll.ts

@@ -19,10 +19,9 @@ export function useMemoScroll<T>({
   storageKey,
   eventName = 'resetScroll',
 }: UseScrollRestorationProps) {
-  
   // 뒤로가기를 통해 목록 복원을 저장해주는 플래그
   const NAVIGATION_FLAG_KEY = `${storageKey}_nav_flag`;
- 
+
   // 실제 렌더링 되는 데이터
   const [data, setData] = useState<T[]>([]);
   const [lastId, setLastId] = useState<number | null>(null);