feat: 네이버 메타 태그 추가

Pre-folio · May 18, 2023 · 8d951d8 · 8d951d8
2 parents 0bc60bf + 335b042
commit 8d951d8
Show file tree

Hide file tree

Showing 2 changed files with 78 additions and 58 deletions.
diff --git a/src/apis/client.tsx b/src/apis/client.tsx
@@ -1,33 +1,56 @@
-import axios, { AxiosInstance, AxiosError, AxiosHeaders, AxiosRequestConfig,
-  isAxiosError,} from 'axios';
+import axios, { AxiosInstance, AxiosError, AxiosHeaders, AxiosRequestConfig, isAxiosError } from 'axios';
 import { getCookie } from '../utils/cookie';
 
 const PREFOLIO_API_URL = 'https://api.prefolio.net/';
 
 export const client: AxiosInstance = axios.create({
-  baseURL: PREFOLIO_API_URL,
-  withCredentials: true, // refresh_token cookie를 주고받기 위함
-  headers: {
-    Authorization: `Bearer ${getCookie()}`,
-  },
+    baseURL: PREFOLIO_API_URL,
+    withCredentials: true, // refresh_token cookie를 주고받기 위함
+    headers: {
+        Authorization: `Bearer ${getCookie()}`,
+    },
 });
 
 export const publicClient: AxiosInstance = axios.create({
-  baseURL: PREFOLIO_API_URL,
-  withCredentials: true, // refresh_token cookie를 주고받기 위함
+    baseURL: PREFOLIO_API_URL,
+    withCredentials: true, // refresh_token cookie를 주고받기 위함
 });
 
 // 헤더에 토큰 껴 주기
-// const setAuthHeader = (token) => {
-//   if (token) {
-//     api.defaults.headers.common['Authorization'] = `Bearer ${token}`;
-//   } else {
-//     delete api.defaults.headers.common['Authorization'];
-//   }
-// };
-
-// publicClient.interceptors.response.use((response) => response, async (error: AxiosError) => {
-//   const originalRequest = error.config;
-//   return Promise.reject(error);
-// }
-// )
+const setAuthHeader = (token: string) => {
+    if (token) {
+        client.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+    } else {
+        delete client.defaults.headers.common['Authorization'];
+    }
+};
+
+// publicClient.interceptors.response.use(
+//     (response) => response,
+//     async (error: AxiosError) => {
+//         const originalRequest = error.config;
+
+//         // 토큰 만료 에러 확인
+//         if (Number(error.response?.status) === 401) {
+//             try {
+//                 // 토큰 갱신 요청
+//                 const accessToken = await refreshTokenRequest();
+
+//                 // 갱신된 액세스 토큰으로 요청 재시도
+//                 originalRequest.headers.Authorization = `Bearer ${accessToken}`;
+//                 refreshSubscribers.forEach((subscriber) => subscriber(accessToken));
+//                 refreshSubscribers = [];
+//                 return api(originalRequest);
+//             } catch (refreshError) {
+//                 // 토큰 갱신 실패 시 로그아웃 등 예외처리
+//                 // 예를 들면, 로그인 페이지로 리다이렉트
+//                 console.log(refreshError);
+//                 // 로그아웃 등 처리
+//             } finally {
+//                 isRefreshing = false;
+//             }
+//         }
+
+//         return Promise.reject(error);
+//     }
+// );
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -7,44 +7,41 @@ import GlobalStyle from '../styles/globalStyle';
 import { theme } from '../styles/theme/theme';
 import '../../public/static/fonts/style.css';
 import Head from 'next/head';
-import {
-  Hydrate,
-  QueryClient,
-  QueryClientProvider,
-} from '@tanstack/react-query';
+import { Hydrate, QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import ScrollToTop from '../components/common/ScrollToTop';
 
 export default function App({ Component, pageProps }: AppProps) {
-  const queryClient = new QueryClient();
+    const queryClient = new QueryClient();
 
-  return (
-    <>
-      <Head>
-        <title>Pre:folio</title>
-        <link rel='shortcut icon' href='/favicon.png' />
-        <meta property='og:title' content='Pre:folio' />
-        <meta
-          property='og:description'
-          content='대학생이라면 이용해야 하는 IT 스펙 저장소, Prepare Your Portfolio!'
-        />
-        <meta
-          property='og:image'
-          content='https://s3.ap-northeast-2.amazonaws.com/prefolio.net-image/default/ogImage.jpg'
-        />
-      </Head>
-      <QueryClientProvider client={queryClient}>
-        <Hydrate state={pageProps.dehydratedState}>
-          <RecoilRoot>
-            <GlobalStyle />
-            <ThemeProvider theme={theme}>
-              <Layout>
-                <ScrollToTop />
-                <Component {...pageProps} />
-              </Layout>
-            </ThemeProvider>
-          </RecoilRoot>
-        </Hydrate>
-      </QueryClientProvider>
-    </>
-  );
+    return (
+        <>
+            <Head>
+                <title>Pre:folio</title>
+                <link rel="shortcut icon" href="/favicon.png" />
+                <meta name="naver-site-verification" content="d09bdd010b23a348acd86c48800122d579c51f2a" />
+                <meta property="og:title" content="Pre:folio" />
+                <meta
+                    property="og:description"
+                    content="대학생이라면 이용해야 하는 IT 스펙 저장소, Prepare Your Portfolio!"
+                />
+                <meta
+                    property="og:image"
+                    content="https://s3.ap-northeast-2.amazonaws.com/prefolio.net-image/default/ogImage.jpg"
+                />
+            </Head>
+            <QueryClientProvider client={queryClient}>
+                <Hydrate state={pageProps.dehydratedState}>
+                    <RecoilRoot>
+                        <GlobalStyle />
+                        <ThemeProvider theme={theme}>
+                            <Layout>
+                                <ScrollToTop />
+                                <Component {...pageProps} />
+                            </Layout>
+                        </ThemeProvider>
+                    </RecoilRoot>
+                </Hydrate>
+            </QueryClientProvider>
+        </>
+    );
 }