Merge pull request #69 from turkey-kim/refact/gallery

Refact/gallery: any type 변경 및 로딩 시간 상수화 작업

src/components/Gallery/Album.tsx

@@ -10,6 +10,7 @@ import AddPhotos from "./AddPhotos";
 import UploadModal from "./UploadModal";
 import {ReactComponent as DeleteBtn} from "../../assets/icons/DeleteBtn.svg";
 import {ReactComponent as Upload} from "../../assets/icons/Upload.svg";
+import {LOADING_TIME} from "../../constant";
 
 function Album() {
   const {id} = useParams<{id: string}>();
@@ -35,7 +36,7 @@ function Album() {
     setIsLoading(true);
     setTimeout(() => {
       setIsLoading(false);
-    }, 1000);
+    }, LOADING_TIME);
   }, [id]);
 
   useEffect(() => {
@@ -48,7 +49,7 @@ function Album() {
           setFiles(photoFiles);
           setTimeout(() => {
             setIsLoading(false);
-          }, 1000);
+          }, LOADING_TIME);
         })
         .catch(err => {
           throw new Error(err);

src/components/Gallery/DeletePhotos.tsx

@@ -12,7 +12,7 @@ async function DeletePhotos(
 
   const imagesCollection = collection(db, albumKey);
   const imgSnapshot = await getDocs(imagesCollection);
-  const deletionPromises: any[] = [];
+  const deletionPromises: object[] = [];
 
   imgSnapshot.forEach(async docs => {
     try {

src/components/Wiki/Content.tsx

@@ -8,6 +8,7 @@ import EditButton from "./EditButton";
 import TeamContent from "./TeamContent";
 import OtherContent from "./OtherContent";
 import {ReactComponent as RefreshIcon} from "../../assets/icons/Refresh.svg";
+import {LOADING_TIME} from "../../constant";
 
 function Content() {
   const {id} = useParams() as {id: string};
@@ -56,7 +57,7 @@ function Content() {
 
     setTimeout(() => {
       setisLoading(false);
-    }, 1000);
+    }, LOADING_TIME);
   }, [id]);
 
   useEffect(() => {

src/constant/index.ts

@@ -1,5 +1,5 @@
 // 랭킹 페이지 URL
 export const RANKING_URL = "https://techschool-wiki.web.app/ranking";
 
-// 이거는 다음분이 지우셔도 됩니다!
-export const NOTHING = "nothing!";
+// 로딩 setTimeout 시간
+export const LOADING_TIME = 1000;