Merge pull request #260 from ODOICHON/fix/#259

Fix/#259 CloudFront CDN 서버에서 가져오는 이미지를 S3에서 직접 가져오도록 수정합니다.
ODOICHON · May 6, 2024 · f5ea422 · f5ea422
2 parents 910bde6 + 7a94974
commit f5ea422
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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) {