From 7a94974ccd6dde1ccd0fa019e968e782197550cf Mon Sep 17 00:00:00 2001
From: sangminlee98 <tkdals0975@naver.com>
Date: Mon, 6 May 2024 23:01:35 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20CloudFront=20=EC=84=A4=EC=A0=95=EC=9D=84?=
 =?UTF-8?q?=20=EC=82=AD=EC=A0=9C=ED=95=A9=EB=8B=88=EB=8B=A4.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Introduce/Quill/index.tsx | 8 +++++---
 src/pages/Trade/Write/index.tsx          | 8 +++++---
 src/utils/Quill/imageHandler.ts          | 8 +++++---
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/Introduce/Quill/index.tsx b/src/components/Introduce/Quill/index.tsx
index 49d3b1d..3a04e17 100644
--- a/src/components/Introduce/Quill/index.tsx
+++ b/src/components/Introduce/Quill/index.tsx
@@ -16,12 +16,13 @@ import useModalState from '@/hooks/useModalState';
 import useQuillModules from '@/hooks/useQuillModules';
 import useToastMessageType from '@/hooks/useToastMessageType';
 import { checkBeforePost } from '@/utils/utils';
-import { DEFAULT_OPTIONS } from '@/constants/image';
+// import { DEFAULT_OPTIONS } from '@/constants/image';
 import styles from './styles.module.scss';
 
 // TODO: 이미지 10개 이상 등록 불가
 
-const { VITE_S3_DOMAIN, VITE_CLOUD_FRONT_DOMAIN } = import.meta.env;
+// const { VITE_CLOUD_FRONT_DOMAIN } = import.meta.env;
+const { VITE_S3_DOMAIN } = import.meta.env;
 
 export default function IntroduceQuill() {
   const navigate = useNavigate();
@@ -82,7 +83,8 @@ export default function IntroduceQuill() {
         const res = await uploadFile(file);
         const url = res || '';
         const imageName = url.split(VITE_S3_DOMAIN)[1];
-        const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS;
+        // const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS;
+        const imageUrl = VITE_S3_DOMAIN + imageName;
         setThumbnail(imageUrl);
       } catch (error) {
         const err = error as AxiosError;
diff --git a/src/pages/Trade/Write/index.tsx b/src/pages/Trade/Write/index.tsx
index 28b27aa..d9c4140 100644
--- a/src/pages/Trade/Write/index.tsx
+++ b/src/pages/Trade/Write/index.tsx
@@ -14,12 +14,13 @@ import {
 import { uploadFile } from '@/apis/uploadS3';
 import userStore from '@/store/userStore';
 import { getRentalPriceType } from '@/utils/utils';
-import { DEFAULT_OPTIONS } from '@/constants/image';
+// import { DEFAULT_OPTIONS } from '@/constants/image';
 import { specialCategory, tradeCategory } from '@/constants/trade';
 import { opacityVariants } from '@/constants/variants';
 import styles from './styles.module.scss';
 
-const { VITE_S3_DOMAIN, VITE_CLOUD_FRONT_DOMAIN } = import.meta.env;
+// const { VITE_CLOUD_FRONT_DOMAIN } = import.meta.env;
+const { VITE_S3_DOMAIN } = import.meta.env;
 
 export default function TradeWritePage() {
   const { user } = userStore();
@@ -77,7 +78,8 @@ export default function TradeWritePage() {
         const res = await uploadFile(file);
         const url = res || '';
         const imageName = url.split(VITE_S3_DOMAIN)[1];
-        const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS;
+        // const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS;
+        const imageUrl = VITE_S3_DOMAIN + imageName;
         setThumbnail(imageUrl);
       } catch (error) {
         const err = error as AxiosError;
diff --git a/src/utils/Quill/imageHandler.ts b/src/utils/Quill/imageHandler.ts
index e959edc..ce6479a 100644
--- a/src/utils/Quill/imageHandler.ts
+++ b/src/utils/Quill/imageHandler.ts
@@ -2,9 +2,10 @@ import ReactQuill from 'react-quill';
 import { AxiosError } from 'axios';
 import { uploadFile } from '@/apis/uploadS3';
 import { ApiResponseType } from '@/types/apiResponseType';
-import { DEFAULT_OPTIONS } from '@/constants/image';
+// import { DEFAULT_OPTIONS } from '@/constants/image';
 
-const { VITE_S3_DOMAIN, VITE_CLOUD_FRONT_DOMAIN } = import.meta.env;
+// const { VITE_CLOUD_FRONT_DOMAIN } = import.meta.env;
+const { VITE_S3_DOMAIN } = import.meta.env;
 
 const imageHandler = (
   QuillRef: React.MutableRefObject<ReactQuill | undefined>,
@@ -22,7 +23,8 @@ const imageHandler = (
         const res = await uploadFile(file);
         const url = res || '';
         const imageName = url.split(VITE_S3_DOMAIN)[1];
-        const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS;
+        // const imageUrl = VITE_CLOUD_FRONT_DOMAIN + imageName + DEFAULT_OPTIONS;
+        const imageUrl = VITE_S3_DOMAIN + imageName;
 
         const range = QuillRef.current?.getEditor().getSelection()?.index;
         if (range !== null && range !== undefined) {