[Fix]Commit 오류 수정

Dev-Tinos · Jun 21, 2024 · 325719a · 325719a
1 parent 1ca65d4
commit 325719a
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 52 deletions.
diff --git a/src/pages/Main.js b/src/pages/Main.js
@@ -9,59 +9,59 @@ const Main = () => {
     const [page, setPage] = useState(1);
     const loaderRef = useRef(null);
 
-    // useEffect(() => {
-    //     const getData = async () => {
-    //         try {
-    //             const params = { page: 0, size: 5, sort: gameSort };
-    //             const apiData = await getGameRanking(params);
-    //             setGameList(apiData);
-    //             setIsLoading(false);
-    //             setPage(1);
-    //         } catch (error) {
-    //             console.error();
-    //         }
-    //     };
+    useEffect(() => {
+        const getData = async () => {
+            try {
+                const params = { page: 0, size: 5, sort: gameSort };
+                const apiData = await getGameRanking(params);
+                setGameList(apiData);
+                setIsLoading(false);
+                setPage(1);
+            } catch (error) {
+                console.error();
+            }
+        };
 
-    //     getData();
-    // }, [gameSort]);
+        getData();
+    }, [gameSort]);
 
-    // useEffect(() => {
-    //     const fetchMoreData = async () => {
-    //         try {
-    //             setTimeout(async () => {
-    //                 const newList = await getGameRanking({
-    //                     page: page,
-    //                     size: 5,
-    //                     sort: gameSort,
-    //                 });
-    //                 if (newList.length === 0) {
-    //                     return;
-    //                 }
-    //                 setGameList((prevList) => [
-    //                     ...prevList,
-    //                     { gameId: "ad" },
-    //                     ...newList,
-    //                 ]);
-    //                 setPage((prevPage) => prevPage + 1);
-    //             }, 100);
-    //         } catch (error) {
-    //             console.error();
-    //         }
-    //     };
-    //     const observer = new IntersectionObserver(
-    //         (entries) => {
-    //             const firstEntry = entries[0];
-    //             if (firstEntry.isIntersecting) {
-    //                 fetchMoreData();
-    //             }
-    //         },
-    //         { threshold: 1.0 }
-    //     );
-    //     if (loaderRef.current) {
-    //         observer.observe(loaderRef.current);
-    //     }
-    //     return () => observer.disconnect();
-    // }, [loaderRef, page, gameSort]);
+    useEffect(() => {
+        const fetchMoreData = async () => {
+            try {
+                setTimeout(async () => {
+                    const newList = await getGameRanking({
+                        page: page,
+                        size: 5,
+                        sort: gameSort,
+                    });
+                    if (newList.length === 0) {
+                        return;
+                    }
+                    setGameList((prevList) => [
+                        ...prevList,
+                        { gameId: "ad" },
+                        ...newList,
+                    ]);
+                    setPage((prevPage) => prevPage + 1);
+                }, 100);
+            } catch (error) {
+                console.error();
+            }
+        };
+        const observer = new IntersectionObserver(
+            (entries) => {
+                const firstEntry = entries[0];
+                if (firstEntry.isIntersecting) {
+                    fetchMoreData();
+                }
+            },
+            { threshold: 1.0 }
+        );
+        if (loaderRef.current) {
+            observer.observe(loaderRef.current);
+        }
+        return () => observer.disconnect();
+    }, [loaderRef, page, gameSort]);
 
     return (
         <div>

diff --git a/src/services/UserApi.js b/src/services/UserApi.js
@@ -16,7 +16,7 @@ export const postUser = async (params) => {
             return response.data;
         })
         .catch((error) => {
-            alert(error.response.data.message);
+            alert("에러가 발생했습니다.");
             return error;
         });
     return data;