Fix: tagfilter css 수정, react-query staleTime cacheTime 설정 (#92)

* Fix: tagfilter css 수정, react-query staleTime cacheTime 설정

* Fix: 처음 들어갈때 깜빡거리는 것 처럼 안 보이게 수정

src/apis/loginApi.ts

@@ -1,7 +1,7 @@
 import { HTTP_URL } from '.';
 
 export const login = async (code: string) => {
-  const res = await fetch(`${HTTP_URL}/kakao/login?code=${code}`);
+  const res = await fetch(`${HTTP_URL}/kakao/login/local?code=${code}`);
   const data = await res.json();
   return data;
 };

src/components/Tag/AllTags/AllTags.module.scss

@@ -4,6 +4,5 @@
 .container {
   display: flex;
   flex-direction: column;
-  margin-bottom: 70px;
   padding: 8px 16px;
 }

src/index.tsx

@@ -6,7 +6,13 @@ import App from './App';
 import './index.css';
 
 const client = new QueryClient({
-  defaultOptions: { queries: { refetchOnWindowFocus: false } },
+  defaultOptions: {
+    queries: {
+      refetchOnWindowFocus: false,
+      staleTime: 1000 * 20,
+      cacheTime: 1000 * 60 * 5,
+    },
+  },
 });
 
 const root = ReactDOM.createRoot(

src/pages/Tag/TagFilter/TagFilter.module.scss

@@ -20,14 +20,14 @@ button {
 }
 
 .btnContainer {
-  position: absolute;
-  bottom: 12px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 12px;
   width: 100%;
-  padding: 0px 16px;
+  padding: 12px 16px;
+  position: absolute;
+  bottom: -108px;
 
   .initBtn {
     box-sizing: border-box;