Feat: SSR에서 토큰을 탑재하는 HOF 추가

src/utils/withAuthentication.tsx

@@ -0,0 +1,25 @@
+import authAPI from '@apis/authAPI';
+import { parse } from 'cookie';
+import { GetServerSidePropsContext } from 'next';
+
+const withAuthServerSideProps = (getServerSidePropsFunction: () => Promise<any>) => {
+  return async (context: GetServerSidePropsContext) => {
+    const cookies = context.req.headers.cookie || '';
+
+    const accessToken = parse(cookies).accessToken;
+
+    if (!accessToken) {
+      throw new Error('401 Unauthorized');
+    }
+
+    authAPI.defaults.headers.common['Authorization'] = `Bearer ${accessToken}`;
+
+    const res = await getServerSidePropsFunction();
+
+    authAPI.defaults.headers.common['Authorization'] = '';
+
+    return res;
+  };
+};
+
+export default withAuthServerSideProps;