From 8302d386b6eb3322beebc3b178736d4ea5c07acf Mon Sep 17 00:00:00 2001
From: llmojoll <wnsgusqkqh21@gmail.com>
Date: Sun, 27 Jul 2025 04:19:24 +0900
Subject: [PATCH 1/6] =?UTF-8?q?Feat=20:=20=EB=A6=AC=EB=B7=B0=20=EB=93=B1?=
 =?UTF-8?q?=EB=A1=9D=20=EB=AA=A8=EB=8B=AC=20=EA=B8=81=EC=96=B4=EC=98=A4?=
 =?UTF-8?q?=EB=8A=94=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Modal/ReviewModal/EditReviewModal.tsx | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/components/Modal/ReviewModal/EditReviewModal.tsx

diff --git a/src/components/Modal/ReviewModal/EditReviewModal.tsx b/src/components/Modal/ReviewModal/EditReviewModal.tsx
new file mode 100644
index 0000000..e69de29

From daca2ae2804e60e85ce2ddd1abd771c711e24196 Mon Sep 17 00:00:00 2001
From: llmojoll <wnsgusqkqh21@gmail.com>
Date: Sun, 27 Jul 2025 04:43:30 +0900
Subject: [PATCH 2/6] =?UTF-8?q?Feat=20:=20addreview=20=EB=B8=8C=EB=9E=9C?=
 =?UTF-8?q?=EC=B9=98=EC=97=90=EC=84=9C=20=ED=8F=B4=EB=8D=94,=ED=8C=8C?=
 =?UTF-8?q?=EC=9D=BC,=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EA=B0=80=EC=A7=80?=
 =?UTF-8?q?=EA=B3=A0=EC=98=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/editreview.ts                         |   0
 src/assets/ratingstar.svg                     |   3 +
 .../Modal/ReviewModal/EditReviewModal.tsx     | 303 ++++++++++++++++++
 .../Modal/ReviewModal/StarRating.tsx          |  31 ++
 4 files changed, 337 insertions(+)
 create mode 100644 src/api/editreview.ts
 create mode 100644 src/assets/ratingstar.svg
 create mode 100644 src/components/Modal/ReviewModal/StarRating.tsx

diff --git a/src/api/editreview.ts b/src/api/editreview.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/assets/ratingstar.svg b/src/assets/ratingstar.svg
new file mode 100644
index 0000000..e83c2d8
--- /dev/null
+++ b/src/assets/ratingstar.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9999 19.0333L6.46652 22.3666C6.22208 22.5222 5.96652 22.5888 5.69986 22.5666C5.43319 22.5444 5.19986 22.4555 4.99986 22.2999C4.79986 22.1444 4.6443 21.9499 4.53319 21.7166C4.42208 21.4833 4.39986 21.2222 4.46652 20.9333L5.93319 14.6333L1.03319 10.3999C0.810968 10.1999 0.672079 9.97216 0.616524 9.7166C0.560968 9.46105 0.577635 9.21105 0.666524 8.9666C0.755413 8.72216 0.888746 8.52216 1.06652 8.3666C1.2443 8.21105 1.48875 8.11105 1.79986 8.0666L8.26652 7.49994L10.7665 1.5666C10.8776 1.29993 11.0499 1.09993 11.2832 0.966602C11.5165 0.833268 11.7554 0.766602 11.9999 0.766602C12.2443 0.766602 12.4832 0.833268 12.7165 0.966602C12.9499 1.09993 13.1221 1.29993 13.2332 1.5666L15.7332 7.49994L22.1999 8.0666C22.511 8.11105 22.7554 8.21105 22.9332 8.3666C23.111 8.52216 23.2443 8.72216 23.3332 8.9666C23.4221 9.21105 23.4387 9.46105 23.3832 9.7166C23.3276 9.97216 23.1887 10.1999 22.9665 10.3999L18.0665 14.6333L19.5332 20.9333C19.5999 21.2222 19.5776 21.4833 19.4665 21.7166C19.3554 21.9499 19.1999 22.1444 18.9999 22.2999C18.7999 22.4555 18.5665 22.5444 18.2999 22.5666C18.0332 22.5888 17.7776 22.5222 17.5332 22.3666L11.9999 19.0333Z" fill="#CFDBEA"/>
+</svg>
diff --git a/src/components/Modal/ReviewModal/EditReviewModal.tsx b/src/components/Modal/ReviewModal/EditReviewModal.tsx
index e69de29..b435a32 100644
--- a/src/components/Modal/ReviewModal/EditReviewModal.tsx
+++ b/src/components/Modal/ReviewModal/EditReviewModal.tsx
@@ -0,0 +1,303 @@
+// import React, { useState } from 'react';
+
+// import Image from 'next/image';
+// import { useForm } from 'react-hook-form';
+
+// import { putReview } from '@/api/editreview';
+// import { cn } from '@/lib/utils';
+
+// import StarRating from '@/components/Modal/ReviewModal/StarRating';
+// import BasicModal from '@/components/common/Modal/BasicModal';
+// import FlavorSlider from '../../common/slider/FlavorSlider';
+// import { Badge } from '../../ui/badge';
+// import { Button } from '../../ui/button';
+
+// interface ReviewForm {
+//   rating: number;
+//   sliderLightBold: number;
+//   sliderSmoothTanic: number;
+//   sliderdrySweet: number;
+//   slidersoftAcidic: number;
+//   aroma: Array<string>;
+//   content: string;
+// }
+
+// interface ReviewData {
+//   reviewId: number;
+//   rating: number;
+//   sliderLightBold: number;
+//   sliderSmoothTanic: number;
+//   sliderdrySweet: number;
+//   slidersoftAcidic: number;
+//   aroma: string[];
+//   content: string;
+// }
+
+// const aromaOptions = [
+//   '체리',
+//   '베리',
+//   '오크',
+//   '바닐라',
+//   '후추',
+//   '제빵',
+//   '풀',
+//   '사과',
+//   '복숭아',
+//   '시트러스',
+//   '트로피컬',
+//   '미네랄',
+//   '꽃',
+//   '담뱃잎',
+//   '흙',
+//   '초콜릿',
+//   '스파이스',
+//   '카라멜',
+//   '가죽',
+// ];
+
+// const aromaMap: Record<string, string> = {
+//   체리: 'CHERRY',
+//   베리: 'BERRY',
+//   오크: 'OAK',
+//   바닐라: 'VANILLA',
+//   후추: 'PEPPER',
+//   제빵: 'BAKERY',
+//   풀: 'GRASS',
+//   사과: 'APPLE',
+//   복숭아: 'PEACH',
+//   시트러스: 'CITRUS',
+//   트로피컬: 'TROPICAL',
+//   미네랄: 'MINERAL',
+//   꽃: 'FLOWER',
+//   담뱃잎: 'TOBACCO',
+//   흙: 'EARTH',
+//   초콜릿: 'CHOCOLATE',
+//   스파이스: 'SPICE',
+//   카라멜: 'CARAMEL',
+//   가죽: 'LEATHER',
+// };
+
+// const EditReviewModal = ({
+//   wineId,
+//   wineName,
+//   reviewData,
+// }: {
+//   wineId: number;
+//   wineName: string;
+//   reviewData: ReviewData;
+// }) => {
+//   const [showEditModal, setShowEditModal] = useState(false);
+
+//   const {
+//     register,
+//     handleSubmit,
+//     formState: { errors },
+//     clearErrors,
+//     reset,
+//     watch,
+//     setValue,
+//     setError,
+//   } = useForm<ReviewForm>({
+//     defaultValues: {
+//       rating: reviewData.rating,
+//       sliderLightBold: reviewData.sliderLightBold,
+//       sliderSmoothTanic: reviewData.sliderSmoothTanic,
+//       sliderdrySweet: reviewData.sliderdrySweet,
+//       slidersoftAcidic: reviewData.slidersoftAcidic,
+//       content: reviewData.content,
+//       aroma: reviewData.aroma.map((eng) => {
+//         const kor = Object.keys(aromaMap).find((key) => aromaMap[key] === eng);
+//         return kor || eng;
+//       }),
+//     },
+//   });
+
+//   const aroma = watch('aroma');
+//   const isSelected = (item: string) => aroma?.includes(item);
+
+//   const toggleAroma = (item: string) => {
+//     if (!aroma) return;
+//     if (aroma.includes(item)) {
+//       setValue(
+//         'aroma',
+//         aroma.filter((a) => a !== item),
+//       );
+//     } else {
+//       setValue('aroma', [...aroma, item]);
+//     }
+//     clearErrors('aroma');
+//   };
+
+//   const onSubmit = async (data: ReviewForm) => {
+//     if (!data.aroma || data.aroma.length === 0) {
+//       setError('aroma', { type: 'errmsg', message: '최소 하나의 향을 선택해주세요.' });
+//       return;
+//     }
+
+//     try {
+//       const fullData = {
+//         reviewId: reviewData.reviewId,
+//         wineId,
+//         rating: data.rating,
+//         lightBold: data.sliderLightBold,
+//         smoothTannic: data.sliderSmoothTanic,
+//         drySweet: data.sliderdrySweet,
+//         softAcidic: data.slidersoftAcidic,
+//         aroma: data.aroma.map((a) => aromaMap[a]).filter(Boolean),
+//         content: data.content,
+//       };
+//       console.log('리뷰 수정 요청 데이터:', fullData);
+//       await updateReview(fullData);
+//       console.log('리뷰 수정 완료');
+//       reset(fullData);
+//       setShowEditModal(false);
+//     } catch (error) {
+//       console.error('리뷰 수정 실패', error);
+//     }
+//   };
+
+//   const closeModalReset = (isOpen: boolean) => {
+//     setShowEditModal(isOpen);
+//     if (!isOpen) {
+//       reset();
+//     }
+//   };
+
+//   return (
+//     <div>
+//       <Button variant='purpleDark' size='xs' width='sm' onClick={() => setShowEditModal(true)}>
+//         리뷰 수정하기
+//       </Button>
+//       <BasicModal
+//         type='review'
+//         title='리뷰 수정'
+//         open={showEditModal}
+//         onOpenChange={closeModalReset}
+//         buttons={
+//           <Button
+//             onClick={handleSubmit(onSubmit)}
+//             type='button'
+//             variant='purpleDark'
+//             size='xl'
+//             width='full'
+//             fontSize='lg'
+//           >
+//             수정 완료
+//           </Button>
+//         }
+//       >
+//         <form
+//           onSubmit={handleSubmit(onSubmit)}
+//           encType='multipart/form-data'
+//           className='my-[32px] md:my-[40px]'
+//         >
+//           <div className='w-[274px] md:w-[384px] h-[84px] md:h-[68px] mb-6 flex items-center'>
+//             <Image
+//               src='/assets/reviewicon.png'
+//               alt='리뷰 아이콘'
+//               width={68}
+//               height={68}
+//               className='bg-gray-100 rounded-lg p-[7px] object-contain'
+//             />
+//             <div className='ml-4'>
+//               <span className='custom-text-lg-bold md:custom-text-2lg-semibold'>{wineName}</span>
+//               <div className='mt-2'>
+//                 <StarRating value={watch('rating')} onChange={(val) => setValue('rating', val)} />
+//               </div>
+//             </div>
+//           </div>
+
+//           <textarea
+//             id='content'
+//             {...register('content', {
+//               required: '리뷰 내용을 입력해 주세요.',
+//               onChange: () => clearErrors('content'),
+//             })}
+//             placeholder='후기를 작성해 주세요'
+//             className={cn(
+//               'h-[100px] md:h-[120px] w-full px-[20px] py-[14px] rounded-[16px] bg-white border border-gray-300 outline-none font-sans resize-none',
+//               errors.content && 'border-red-500',
+//             )}
+//             rows={5}
+//           />
+//           {errors.content && (
+//             <div role='alert' className='text-red-500 mt-1'>
+//               {errors.content.message}
+//             </div>
+//           )}
+
+//           <p className='custom-text-2lg-bold md:custom-text-xl-bold mb-[24px] mt-[35px]'>
+//             와인의 맛은 어땠나요?
+//           </p>
+
+//           <div className='mb-[40px] space-y-[18px]'>
+//             <FlavorSlider
+//               value={watch('sliderLightBold')}
+//               min={0}
+//               max={10}
+//               step={1}
+//               onChange={(val) => setValue('sliderLightBold', val)}
+//               labelLeft='가벼워요'
+//               labelRight='진해요'
+//               badgeLabel='바디감'
+//             />
+//             <FlavorSlider
+//               value={watch('sliderSmoothTanic')}
+//               min={0}
+//               max={10}
+//               step={1}
+//               onChange={(val) => setValue('sliderSmoothTanic', val)}
+//               labelLeft='부드러워요'
+//               labelRight='떫어요'
+//               badgeLabel='타닌'
+//             />
+//             <FlavorSlider
+//               value={watch('sliderdrySweet')}
+//               min={0}
+//               max={10}
+//               step={1}
+//               onChange={(val) => setValue('sliderdrySweet', val)}
+//               labelLeft='드라이해요'
+//               labelRight='달아요'
+//               badgeLabel='당도'
+//             />
+//             <FlavorSlider
+//               value={watch('slidersoftAcidic')}
+//               min={0}
+//               max={10}
+//               step={1}
+//               onChange={(val) => setValue('slidersoftAcidic', val)}
+//               labelLeft='안 셔요'
+//               labelRight='많이 셔요'
+//               badgeLabel='산미'
+//             />
+//           </div>
+
+//           <p className='custom-text-2lg-bold md:custom-text-xl-bold'>기억에 남는 향이 있나요?</p>
+//           {errors.aroma && (
+//             <div role='alert' className='text-red-500 mt-1'>
+//               {errors.aroma.message}
+//             </div>
+//           )}
+//           <div className='relative flex flex-wrap gap-[10px] mt-6'>
+//             {aromaOptions.map((item) => (
+//               <Badge
+//                 key={item}
+//                 variant='chooseFlavor'
+//                 onClick={() => toggleAroma(item)}
+//                 className={cn(
+//                   'cursor-pointer px-2.5 md:px-[18px] py-1.5 md:py-2.5 hover:bg-primary-100 hover:text-primary hover:border-primary-100',
+//                   isSelected(item) && 'bg-primary text-white',
+//                 )}
+//               >
+//                 {item}
+//               </Badge>
+//             ))}
+//           </div>
+//         </form>
+//       </BasicModal>
+//     </div>
+//   );
+// };
+
+// export default EditReviewModal;
diff --git a/src/components/Modal/ReviewModal/StarRating.tsx b/src/components/Modal/ReviewModal/StarRating.tsx
new file mode 100644
index 0000000..fce0a15
--- /dev/null
+++ b/src/components/Modal/ReviewModal/StarRating.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+
+import FaStar from '@/assets/ratingstar.svg';
+
+interface StarRatingProps {
+  value: number;
+  onChange: (rating: number) => void;
+}
+
+const StarRating = ({ value, onChange }: StarRatingProps) => {
+  return (
+    <div className='flex items-center gap-1'>
+      {Array.from({ length: 5 }, (_, index) => {
+        const ratingValue = index + 1;
+        return (
+          <button
+            key={ratingValue}
+            type='button'
+            onClick={() => onChange(ratingValue)}
+            className='focus:outline-none'
+          >
+            <FaStar
+              className={`w-[18px] md:w-[24px] h-[18px] md:h-[24px] ${ratingValue <= value ? 'text-primary' : 'text-gray-300'}`}
+            />
+          </button>
+        );
+      })}
+    </div>
+  );
+};
+export default StarRating;

From 0bc46d02cb4a22f93711220e2fcf71a3cf104cb9 Mon Sep 17 00:00:00 2001
From: llmojoll <wnsgusqkqh21@gmail.com>
Date: Sun, 27 Jul 2025 05:07:48 +0900
Subject: [PATCH 3/6] =?UTF-8?q?Feat=20:=20patch=20api=20=EC=97=B0=EA=B2=B0?=
 =?UTF-8?q?=20=ED=85=8C=EC=8A=A4=ED=8A=B8=EB=8A=94=20=EB=A6=AC=EB=B7=B0?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=84=B0=EA=B0=80=EC=97=86=EC=9D=8C...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/editreview.ts                         |  16 +
 .../Modal/ReviewModal/EditReviewModal.tsx     | 563 +++++++++---------
 2 files changed, 296 insertions(+), 283 deletions(-)

diff --git a/src/api/editreview.ts b/src/api/editreview.ts
index e69de29..c32ba33 100644
--- a/src/api/editreview.ts
+++ b/src/api/editreview.ts
@@ -0,0 +1,16 @@
+import apiClient from '@/api/apiClient';
+
+interface UpdateReviewRequest {
+  reviewId: number;
+  rating: number;
+  lightBold: number;
+  smoothTannic: number;
+  drySweet: number;
+  softAcidic: number;
+  aroma: string[];
+  content: string;
+}
+
+export const updateReview = async ({ reviewId, ...body }: UpdateReviewRequest) => {
+  return (apiClient.patch(`/${process.env.NEXT_PUBLIC_TEAM}/reviews/${reviewId}`), body);
+};
diff --git a/src/components/Modal/ReviewModal/EditReviewModal.tsx b/src/components/Modal/ReviewModal/EditReviewModal.tsx
index b435a32..83d270b 100644
--- a/src/components/Modal/ReviewModal/EditReviewModal.tsx
+++ b/src/components/Modal/ReviewModal/EditReviewModal.tsx
@@ -1,303 +1,300 @@
-// import React, { useState } from 'react';
+import React, { useState } from 'react';
 
-// import Image from 'next/image';
-// import { useForm } from 'react-hook-form';
+import Image from 'next/image';
+import { useForm } from 'react-hook-form';
 
-// import { putReview } from '@/api/editreview';
-// import { cn } from '@/lib/utils';
+import { updateReview } from '@/api/editreview';
+import BasicModal from '@/components/common/Modal/BasicModal';
+import StarRating from '@/components/Modal/ReviewModal/StarRating';
+import { cn } from '@/lib/utils';
 
-// import StarRating from '@/components/Modal/ReviewModal/StarRating';
-// import BasicModal from '@/components/common/Modal/BasicModal';
-// import FlavorSlider from '../../common/slider/FlavorSlider';
-// import { Badge } from '../../ui/badge';
-// import { Button } from '../../ui/button';
+import FlavorSlider from '../../common/slider/FlavorSlider';
+import { Badge } from '../../ui/badge';
+import { Button } from '../../ui/button';
 
-// interface ReviewForm {
-//   rating: number;
-//   sliderLightBold: number;
-//   sliderSmoothTanic: number;
-//   sliderdrySweet: number;
-//   slidersoftAcidic: number;
-//   aroma: Array<string>;
-//   content: string;
-// }
+interface ReviewForm {
+  rating: number;
+  sliderLightBold: number;
+  sliderSmoothTanic: number;
+  sliderdrySweet: number;
+  slidersoftAcidic: number;
+  aroma: Array<string>;
+  content: string;
+}
 
-// interface ReviewData {
-//   reviewId: number;
-//   rating: number;
-//   sliderLightBold: number;
-//   sliderSmoothTanic: number;
-//   sliderdrySweet: number;
-//   slidersoftAcidic: number;
-//   aroma: string[];
-//   content: string;
-// }
+interface ReviewData {
+  reviewId: number;
+  rating: number;
+  sliderLightBold: number;
+  sliderSmoothTanic: number;
+  sliderdrySweet: number;
+  slidersoftAcidic: number;
+  aroma: string[];
+  content: string;
+}
 
-// const aromaOptions = [
-//   '체리',
-//   '베리',
-//   '오크',
-//   '바닐라',
-//   '후추',
-//   '제빵',
-//   '풀',
-//   '사과',
-//   '복숭아',
-//   '시트러스',
-//   '트로피컬',
-//   '미네랄',
-//   '꽃',
-//   '담뱃잎',
-//   '흙',
-//   '초콜릿',
-//   '스파이스',
-//   '카라멜',
-//   '가죽',
-// ];
+const aromaOptions = [
+  '체리',
+  '베리',
+  '오크',
+  '바닐라',
+  '후추',
+  '제빵',
+  '풀',
+  '사과',
+  '복숭아',
+  '시트러스',
+  '트로피컬',
+  '미네랄',
+  '꽃',
+  '담뱃잎',
+  '흙',
+  '초콜릿',
+  '스파이스',
+  '카라멜',
+  '가죽',
+];
 
-// const aromaMap: Record<string, string> = {
-//   체리: 'CHERRY',
-//   베리: 'BERRY',
-//   오크: 'OAK',
-//   바닐라: 'VANILLA',
-//   후추: 'PEPPER',
-//   제빵: 'BAKERY',
-//   풀: 'GRASS',
-//   사과: 'APPLE',
-//   복숭아: 'PEACH',
-//   시트러스: 'CITRUS',
-//   트로피컬: 'TROPICAL',
-//   미네랄: 'MINERAL',
-//   꽃: 'FLOWER',
-//   담뱃잎: 'TOBACCO',
-//   흙: 'EARTH',
-//   초콜릿: 'CHOCOLATE',
-//   스파이스: 'SPICE',
-//   카라멜: 'CARAMEL',
-//   가죽: 'LEATHER',
-// };
+const aromaMap: Record<string, string> = {
+  체리: 'CHERRY',
+  베리: 'BERRY',
+  오크: 'OAK',
+  바닐라: 'VANILLA',
+  후추: 'PEPPER',
+  제빵: 'BAKERY',
+  풀: 'GRASS',
+  사과: 'APPLE',
+  복숭아: 'PEACH',
+  시트러스: 'CITRUS',
+  트로피컬: 'TROPICAL',
+  미네랄: 'MINERAL',
+  꽃: 'FLOWER',
+  담뱃잎: 'TOBACCO',
+  흙: 'EARTH',
+  초콜릿: 'CHOCOLATE',
+  스파이스: 'SPICE',
+  카라멜: 'CARAMEL',
+  가죽: 'LEATHER',
+};
 
-// const EditReviewModal = ({
-//   wineId,
-//   wineName,
-//   reviewData,
-// }: {
-//   wineId: number;
-//   wineName: string;
-//   reviewData: ReviewData;
-// }) => {
-//   const [showEditModal, setShowEditModal] = useState(false);
+const EditReviewModal = ({
+  wineName,
+  reviewData,
+}: {
+  wineName: string;
+  reviewData: ReviewData;
+}) => {
+  const [showEditModal, setShowEditModal] = useState(false);
 
-//   const {
-//     register,
-//     handleSubmit,
-//     formState: { errors },
-//     clearErrors,
-//     reset,
-//     watch,
-//     setValue,
-//     setError,
-//   } = useForm<ReviewForm>({
-//     defaultValues: {
-//       rating: reviewData.rating,
-//       sliderLightBold: reviewData.sliderLightBold,
-//       sliderSmoothTanic: reviewData.sliderSmoothTanic,
-//       sliderdrySweet: reviewData.sliderdrySweet,
-//       slidersoftAcidic: reviewData.slidersoftAcidic,
-//       content: reviewData.content,
-//       aroma: reviewData.aroma.map((eng) => {
-//         const kor = Object.keys(aromaMap).find((key) => aromaMap[key] === eng);
-//         return kor || eng;
-//       }),
-//     },
-//   });
+  const {
+    register,
+    handleSubmit,
+    formState: { errors },
+    clearErrors,
+    reset,
+    watch,
+    setValue,
+    setError,
+  } = useForm<ReviewForm>({
+    defaultValues: {
+      rating: reviewData.rating,
+      sliderLightBold: reviewData.sliderLightBold,
+      sliderSmoothTanic: reviewData.sliderSmoothTanic,
+      sliderdrySweet: reviewData.sliderdrySweet,
+      slidersoftAcidic: reviewData.slidersoftAcidic,
+      content: reviewData.content,
+      aroma: reviewData.aroma.map((eng) => {
+        const kor = Object.keys(aromaMap).find((key) => aromaMap[key] === eng);
+        return kor || eng;
+      }),
+    },
+  });
 
-//   const aroma = watch('aroma');
-//   const isSelected = (item: string) => aroma?.includes(item);
+  const aroma = watch('aroma');
+  const isSelected = (item: string) => aroma?.includes(item);
 
-//   const toggleAroma = (item: string) => {
-//     if (!aroma) return;
-//     if (aroma.includes(item)) {
-//       setValue(
-//         'aroma',
-//         aroma.filter((a) => a !== item),
-//       );
-//     } else {
-//       setValue('aroma', [...aroma, item]);
-//     }
-//     clearErrors('aroma');
-//   };
+  const toggleAroma = (item: string) => {
+    if (!aroma) return;
+    if (aroma.includes(item)) {
+      setValue(
+        'aroma',
+        aroma.filter((a) => a !== item),
+      );
+    } else {
+      setValue('aroma', [...aroma, item]);
+    }
+    clearErrors('aroma');
+  };
 
-//   const onSubmit = async (data: ReviewForm) => {
-//     if (!data.aroma || data.aroma.length === 0) {
-//       setError('aroma', { type: 'errmsg', message: '최소 하나의 향을 선택해주세요.' });
-//       return;
-//     }
+  const onSubmit = async (data: ReviewForm) => {
+    if (!data.aroma || data.aroma.length === 0) {
+      setError('aroma', { type: 'errmsg', message: '최소 하나의 향을 선택해주세요.' });
+      return;
+    }
 
-//     try {
-//       const fullData = {
-//         reviewId: reviewData.reviewId,
-//         wineId,
-//         rating: data.rating,
-//         lightBold: data.sliderLightBold,
-//         smoothTannic: data.sliderSmoothTanic,
-//         drySweet: data.sliderdrySweet,
-//         softAcidic: data.slidersoftAcidic,
-//         aroma: data.aroma.map((a) => aromaMap[a]).filter(Boolean),
-//         content: data.content,
-//       };
-//       console.log('리뷰 수정 요청 데이터:', fullData);
-//       await updateReview(fullData);
-//       console.log('리뷰 수정 완료');
-//       reset(fullData);
-//       setShowEditModal(false);
-//     } catch (error) {
-//       console.error('리뷰 수정 실패', error);
-//     }
-//   };
+    try {
+      const fullData = {
+        reviewId: reviewData.reviewId,
+        rating: data.rating,
+        lightBold: data.sliderLightBold,
+        smoothTannic: data.sliderSmoothTanic,
+        drySweet: data.sliderdrySweet,
+        softAcidic: data.slidersoftAcidic,
+        aroma: data.aroma.map((a) => aromaMap[a]).filter(Boolean),
+        content: data.content,
+      };
+      console.log('리뷰 수정 요청 데이터:', fullData);
+      await updateReview(fullData);
+      console.log('리뷰 수정 완료');
+      reset(fullData);
+      setShowEditModal(false);
+    } catch (error) {
+      console.error('리뷰 수정 실패', error);
+    }
+  };
 
-//   const closeModalReset = (isOpen: boolean) => {
-//     setShowEditModal(isOpen);
-//     if (!isOpen) {
-//       reset();
-//     }
-//   };
+  const closeModalReset = (isOpen: boolean) => {
+    setShowEditModal(isOpen);
+    if (!isOpen) {
+      reset();
+    }
+  };
 
-//   return (
-//     <div>
-//       <Button variant='purpleDark' size='xs' width='sm' onClick={() => setShowEditModal(true)}>
-//         리뷰 수정하기
-//       </Button>
-//       <BasicModal
-//         type='review'
-//         title='리뷰 수정'
-//         open={showEditModal}
-//         onOpenChange={closeModalReset}
-//         buttons={
-//           <Button
-//             onClick={handleSubmit(onSubmit)}
-//             type='button'
-//             variant='purpleDark'
-//             size='xl'
-//             width='full'
-//             fontSize='lg'
-//           >
-//             수정 완료
-//           </Button>
-//         }
-//       >
-//         <form
-//           onSubmit={handleSubmit(onSubmit)}
-//           encType='multipart/form-data'
-//           className='my-[32px] md:my-[40px]'
-//         >
-//           <div className='w-[274px] md:w-[384px] h-[84px] md:h-[68px] mb-6 flex items-center'>
-//             <Image
-//               src='/assets/reviewicon.png'
-//               alt='리뷰 아이콘'
-//               width={68}
-//               height={68}
-//               className='bg-gray-100 rounded-lg p-[7px] object-contain'
-//             />
-//             <div className='ml-4'>
-//               <span className='custom-text-lg-bold md:custom-text-2lg-semibold'>{wineName}</span>
-//               <div className='mt-2'>
-//                 <StarRating value={watch('rating')} onChange={(val) => setValue('rating', val)} />
-//               </div>
-//             </div>
-//           </div>
+  return (
+    <div>
+      <Button variant='purpleDark' size='xs' width='sm' onClick={() => setShowEditModal(true)}>
+        리뷰 수정하기
+      </Button>
+      <BasicModal
+        type='review'
+        title='리뷰 수정'
+        open={showEditModal}
+        onOpenChange={closeModalReset}
+        buttons={
+          <Button
+            onClick={handleSubmit(onSubmit)}
+            type='button'
+            variant='purpleDark'
+            size='xl'
+            width='full'
+            fontSize='lg'
+          >
+            수정 완료
+          </Button>
+        }
+      >
+        <form
+          onSubmit={handleSubmit(onSubmit)}
+          encType='multipart/form-data'
+          className='my-[32px] md:my-[40px]'
+        >
+          <div className='w-[274px] md:w-[384px] h-[84px] md:h-[68px] mb-6 flex items-center'>
+            <Image
+              src='/assets/reviewicon.png'
+              alt='리뷰 아이콘'
+              width={68}
+              height={68}
+              className='bg-gray-100 rounded-lg p-[7px] object-contain'
+            />
+            <div className='ml-4'>
+              <span className='custom-text-lg-bold md:custom-text-2lg-semibold'>{wineName}</span>
+              <div className='mt-2'>
+                <StarRating value={watch('rating')} onChange={(val) => setValue('rating', val)} />
+              </div>
+            </div>
+          </div>
 
-//           <textarea
-//             id='content'
-//             {...register('content', {
-//               required: '리뷰 내용을 입력해 주세요.',
-//               onChange: () => clearErrors('content'),
-//             })}
-//             placeholder='후기를 작성해 주세요'
-//             className={cn(
-//               'h-[100px] md:h-[120px] w-full px-[20px] py-[14px] rounded-[16px] bg-white border border-gray-300 outline-none font-sans resize-none',
-//               errors.content && 'border-red-500',
-//             )}
-//             rows={5}
-//           />
-//           {errors.content && (
-//             <div role='alert' className='text-red-500 mt-1'>
-//               {errors.content.message}
-//             </div>
-//           )}
+          <textarea
+            id='content'
+            {...register('content', {
+              required: '리뷰 내용을 입력해 주세요.',
+              onChange: () => clearErrors('content'),
+            })}
+            placeholder='후기를 작성해 주세요'
+            className={cn(
+              'h-[100px] md:h-[120px] w-full px-[20px] py-[14px] rounded-[16px] bg-white border border-gray-300 outline-none font-sans resize-none',
+              errors.content && 'border-red-500',
+            )}
+            rows={5}
+          />
+          {errors.content && (
+            <div role='alert' className='text-red-500 mt-1'>
+              {errors.content.message}
+            </div>
+          )}
 
-//           <p className='custom-text-2lg-bold md:custom-text-xl-bold mb-[24px] mt-[35px]'>
-//             와인의 맛은 어땠나요?
-//           </p>
+          <p className='custom-text-2lg-bold md:custom-text-xl-bold mb-[24px] mt-[35px]'>
+            와인의 맛은 어땠나요?
+          </p>
 
-//           <div className='mb-[40px] space-y-[18px]'>
-//             <FlavorSlider
-//               value={watch('sliderLightBold')}
-//               min={0}
-//               max={10}
-//               step={1}
-//               onChange={(val) => setValue('sliderLightBold', val)}
-//               labelLeft='가벼워요'
-//               labelRight='진해요'
-//               badgeLabel='바디감'
-//             />
-//             <FlavorSlider
-//               value={watch('sliderSmoothTanic')}
-//               min={0}
-//               max={10}
-//               step={1}
-//               onChange={(val) => setValue('sliderSmoothTanic', val)}
-//               labelLeft='부드러워요'
-//               labelRight='떫어요'
-//               badgeLabel='타닌'
-//             />
-//             <FlavorSlider
-//               value={watch('sliderdrySweet')}
-//               min={0}
-//               max={10}
-//               step={1}
-//               onChange={(val) => setValue('sliderdrySweet', val)}
-//               labelLeft='드라이해요'
-//               labelRight='달아요'
-//               badgeLabel='당도'
-//             />
-//             <FlavorSlider
-//               value={watch('slidersoftAcidic')}
-//               min={0}
-//               max={10}
-//               step={1}
-//               onChange={(val) => setValue('slidersoftAcidic', val)}
-//               labelLeft='안 셔요'
-//               labelRight='많이 셔요'
-//               badgeLabel='산미'
-//             />
-//           </div>
+          <div className='mb-[40px] space-y-[18px]'>
+            <FlavorSlider
+              value={watch('sliderLightBold')}
+              min={0}
+              max={10}
+              step={1}
+              onChange={(val) => setValue('sliderLightBold', val)}
+              labelLeft='가벼워요'
+              labelRight='진해요'
+              badgeLabel='바디감'
+            />
+            <FlavorSlider
+              value={watch('sliderSmoothTanic')}
+              min={0}
+              max={10}
+              step={1}
+              onChange={(val) => setValue('sliderSmoothTanic', val)}
+              labelLeft='부드러워요'
+              labelRight='떫어요'
+              badgeLabel='타닌'
+            />
+            <FlavorSlider
+              value={watch('sliderdrySweet')}
+              min={0}
+              max={10}
+              step={1}
+              onChange={(val) => setValue('sliderdrySweet', val)}
+              labelLeft='드라이해요'
+              labelRight='달아요'
+              badgeLabel='당도'
+            />
+            <FlavorSlider
+              value={watch('slidersoftAcidic')}
+              min={0}
+              max={10}
+              step={1}
+              onChange={(val) => setValue('slidersoftAcidic', val)}
+              labelLeft='안 셔요'
+              labelRight='많이 셔요'
+              badgeLabel='산미'
+            />
+          </div>
 
-//           <p className='custom-text-2lg-bold md:custom-text-xl-bold'>기억에 남는 향이 있나요?</p>
-//           {errors.aroma && (
-//             <div role='alert' className='text-red-500 mt-1'>
-//               {errors.aroma.message}
-//             </div>
-//           )}
-//           <div className='relative flex flex-wrap gap-[10px] mt-6'>
-//             {aromaOptions.map((item) => (
-//               <Badge
-//                 key={item}
-//                 variant='chooseFlavor'
-//                 onClick={() => toggleAroma(item)}
-//                 className={cn(
-//                   'cursor-pointer px-2.5 md:px-[18px] py-1.5 md:py-2.5 hover:bg-primary-100 hover:text-primary hover:border-primary-100',
-//                   isSelected(item) && 'bg-primary text-white',
-//                 )}
-//               >
-//                 {item}
-//               </Badge>
-//             ))}
-//           </div>
-//         </form>
-//       </BasicModal>
-//     </div>
-//   );
-// };
+          <p className='custom-text-2lg-bold md:custom-text-xl-bold'>기억에 남는 향이 있나요?</p>
+          {errors.aroma && (
+            <div role='alert' className='text-red-500 mt-1'>
+              {errors.aroma.message}
+            </div>
+          )}
+          <div className='relative flex flex-wrap gap-[10px] mt-6'>
+            {aromaOptions.map((item) => (
+              <Badge
+                key={item}
+                variant='chooseFlavor'
+                onClick={() => toggleAroma(item)}
+                className={cn(
+                  'cursor-pointer px-2.5 md:px-[18px] py-1.5 md:py-2.5 hover:bg-primary-100 hover:text-primary hover:border-primary-100',
+                  isSelected(item) && 'bg-primary text-white',
+                )}
+              >
+                {item}
+              </Badge>
+            ))}
+          </div>
+        </form>
+      </BasicModal>
+    </div>
+  );
+};
 
-// export default EditReviewModal;
+export default EditReviewModal;

From d450c5e6568a9e15b787c9e590a0d64d772fc3af Mon Sep 17 00:00:00 2001
From: llmojoll <wnsgusqkqh21@gmail.com>
Date: Sun, 27 Jul 2025 17:12:33 +0900
Subject: [PATCH 4/6] =?UTF-8?q?Fix=20:=20=ED=85=8C=EC=8A=A4=ED=8A=B8?=
 =?UTF-8?q?=EC=BD=94=EB=93=9C=20=EC=B6=94=EA=B0=80=20,=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=ED=95=98=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EB=88=84?=
 =?UTF-8?q?=EB=A5=BC=EC=8B=9C=20reset=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Modal/ReviewModal/EditReviewModal.tsx |  1 -
 src/pages/index.tsx                                  | 12 ++++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Modal/ReviewModal/EditReviewModal.tsx b/src/components/Modal/ReviewModal/EditReviewModal.tsx
index 83d270b..db710a5 100644
--- a/src/components/Modal/ReviewModal/EditReviewModal.tsx
+++ b/src/components/Modal/ReviewModal/EditReviewModal.tsx
@@ -146,7 +146,6 @@ const EditReviewModal = ({
       console.log('리뷰 수정 요청 데이터:', fullData);
       await updateReview(fullData);
       console.log('리뷰 수정 완료');
-      reset(fullData);
       setShowEditModal(false);
     } catch (error) {
       console.error('리뷰 수정 실패', error);
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 40e083f..6945b27 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -2,11 +2,23 @@ import Link from 'next/link';
 
 import { ContentSection } from '@/components/home/ContentSection';
 import { HeroSection } from '@/components/home/HeroSection';
+import EditReviewModal from '@/components/Modal/ReviewModal/EditReviewModal';
 import { Button } from '@/components/ui/button';
 
 export default function Home() {
+  const dummyReviewData = {
+    reviewId: 3101,
+    rating: 4,
+    sliderLightBold: 5,
+    sliderSmoothTanic: 5,
+    sliderdrySweet: 3,
+    slidersoftAcidic: 7,
+    aroma: ['CHERRY', 'OAK', 'FLOWER'], // 영어 코드
+    content: '테스트용 기존 리뷰 내용입니다.',
+  };
   return (
     <div className='mx-auto px-[16px] md:px-[20px] xl:px-0 max-w-[1140px]  min-w-[343px] mt-6 xl:mt-[80px]'>
+      <EditReviewModal wineName='테스트 와인' reviewData={dummyReviewData} />
       <HeroSection />
       <main>
         <ContentSection />

From e3d0a8501e8a2a027619c58c835b87fde9ac595c Mon Sep 17 00:00:00 2001
From: llmojoll <wnsgusqkqh21@gmail.com>
Date: Sun, 27 Jul 2025 17:28:51 +0900
Subject: [PATCH 5/6] =?UTF-8?q?Feat=20:=20editapi=20=ED=85=8C=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8=20=EC=99=84=EB=A3=8C=20,=20=ED=85=8C=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8=20=EC=BD=94=EB=93=9C=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/editreview.ts |  2 +-
 src/pages/index.tsx   | 12 ------------
 2 files changed, 1 insertion(+), 13 deletions(-)

diff --git a/src/api/editreview.ts b/src/api/editreview.ts
index c32ba33..848aaff 100644
--- a/src/api/editreview.ts
+++ b/src/api/editreview.ts
@@ -12,5 +12,5 @@ interface UpdateReviewRequest {
 }
 
 export const updateReview = async ({ reviewId, ...body }: UpdateReviewRequest) => {
-  return (apiClient.patch(`/${process.env.NEXT_PUBLIC_TEAM}/reviews/${reviewId}`), body);
+  return apiClient.patch(`/${process.env.NEXT_PUBLIC_TEAM}/reviews/${reviewId}`, body);
 };
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 6945b27..40e083f 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -2,23 +2,11 @@ import Link from 'next/link';
 
 import { ContentSection } from '@/components/home/ContentSection';
 import { HeroSection } from '@/components/home/HeroSection';
-import EditReviewModal from '@/components/Modal/ReviewModal/EditReviewModal';
 import { Button } from '@/components/ui/button';
 
 export default function Home() {
-  const dummyReviewData = {
-    reviewId: 3101,
-    rating: 4,
-    sliderLightBold: 5,
-    sliderSmoothTanic: 5,
-    sliderdrySweet: 3,
-    slidersoftAcidic: 7,
-    aroma: ['CHERRY', 'OAK', 'FLOWER'], // 영어 코드
-    content: '테스트용 기존 리뷰 내용입니다.',
-  };
   return (
     <div className='mx-auto px-[16px] md:px-[20px] xl:px-0 max-w-[1140px]  min-w-[343px] mt-6 xl:mt-[80px]'>
-      <EditReviewModal wineName='테스트 와인' reviewData={dummyReviewData} />
       <HeroSection />
       <main>
         <ContentSection />

From bd413b511211777162052b3c3f77e5c732f02b9e Mon Sep 17 00:00:00 2001
From: llmojoll <wnsgusqkqh21@gmail.com>
Date: Tue, 29 Jul 2025 16:23:18 +0900
Subject: [PATCH 6/6] =?UTF-8?q?Refactor=20:=20TanStack-Query=20Mutation?=
 =?UTF-8?q?=EB=B0=A9=EC=8B=9D=EC=9C=BC=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/editreview.ts                         | 16 ++++++-
 .../Modal/ReviewModal/EditReviewModal.tsx     | 44 +++++++++++--------
 2 files changed, 39 insertions(+), 21 deletions(-)

diff --git a/src/api/editreview.ts b/src/api/editreview.ts
index 848aaff..c9a5aab 100644
--- a/src/api/editreview.ts
+++ b/src/api/editreview.ts
@@ -11,6 +11,18 @@ interface UpdateReviewRequest {
   content: string;
 }
 
-export const updateReview = async ({ reviewId, ...body }: UpdateReviewRequest) => {
-  return apiClient.patch(`/${process.env.NEXT_PUBLIC_TEAM}/reviews/${reviewId}`, body);
+interface UpdateReviewResponse {
+  success: boolean;
+  message?: string;
+}
+
+export const updateReview = async ({
+  reviewId,
+  ...body
+}: UpdateReviewRequest): Promise<UpdateReviewResponse> => {
+  const response = await apiClient.patch<UpdateReviewResponse>(
+    `/${process.env.NEXT_PUBLIC_TEAM}/reviews/${reviewId}`,
+    body,
+  );
+  return response.data;
 };
diff --git a/src/components/Modal/ReviewModal/EditReviewModal.tsx b/src/components/Modal/ReviewModal/EditReviewModal.tsx
index db710a5..6815fe9 100644
--- a/src/components/Modal/ReviewModal/EditReviewModal.tsx
+++ b/src/components/Modal/ReviewModal/EditReviewModal.tsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import Image from 'next/image';
 import { useForm } from 'react-hook-form';
 
@@ -85,6 +86,19 @@ const EditReviewModal = ({
   reviewData: ReviewData;
 }) => {
   const [showEditModal, setShowEditModal] = useState(false);
+  const queryClient = useQueryClient();
+
+  const updateReviewMutation = useMutation({
+    mutationFn: updateReview,
+    onSuccess: () => {
+      console.log('리뷰 수정 완료');
+      queryClient.invalidateQueries({ queryKey: ['reviews'] });
+      setShowEditModal(false);
+    },
+    onError: (error) => {
+      console.log('리뷰 수정 실패', error);
+    },
+  });
 
   const {
     register,
@@ -131,25 +145,17 @@ const EditReviewModal = ({
       setError('aroma', { type: 'errmsg', message: '최소 하나의 향을 선택해주세요.' });
       return;
     }
-
-    try {
-      const fullData = {
-        reviewId: reviewData.reviewId,
-        rating: data.rating,
-        lightBold: data.sliderLightBold,
-        smoothTannic: data.sliderSmoothTanic,
-        drySweet: data.sliderdrySweet,
-        softAcidic: data.slidersoftAcidic,
-        aroma: data.aroma.map((a) => aromaMap[a]).filter(Boolean),
-        content: data.content,
-      };
-      console.log('리뷰 수정 요청 데이터:', fullData);
-      await updateReview(fullData);
-      console.log('리뷰 수정 완료');
-      setShowEditModal(false);
-    } catch (error) {
-      console.error('리뷰 수정 실패', error);
-    }
+    const fullData = {
+      reviewId: reviewData.reviewId,
+      rating: data.rating,
+      lightBold: data.sliderLightBold,
+      smoothTannic: data.sliderSmoothTanic,
+      drySweet: data.sliderdrySweet,
+      softAcidic: data.slidersoftAcidic,
+      aroma: data.aroma.map((a) => aromaMap[a]).filter(Boolean),
+      content: data.content,
+    };
+    updateReviewMutation.mutate(fullData);
   };
 
   const closeModalReset = (isOpen: boolean) => {