Merge pull request #107 from capstone-maru/dev

release: v0.8.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "maru",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "private": true,
   "scripts": {
     "dev": "next dev",

src/app/error/page.tsx

@@ -0,0 +1,7 @@
+'use client';
+
+import { ErrorPage } from '@/app/pages';
+
+export default function Page() {
+  return <ErrorPage />;
+}

src/app/lib/axios.ts

@@ -61,6 +61,7 @@ axios.interceptors.response.use(
         return await axios(config);
       }
     } catch (refreshError) {
+      window.location.href = '/';
       return await Promise.reject(error);
     } finally {
       isRefreshing = false;

src/app/pages/error-page.tsx

@@ -0,0 +1,49 @@
+'use client';
+
+import Link from 'next/link';
+import styled from 'styled-components';
+
+const styles = {
+  container: styled.div`
+    display: flex;
+    height: 100vh;
+    width: 100vw;
+    padding: 2rem 3rem;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 1rem;
+    align-self: stretch;
+
+    h1 {
+      color: #494949;
+
+      text-align: center;
+      font-family: 'Noto Sans KR';
+      font-size: 1.5rem;
+      font-style: normal;
+      font-weight: 700;
+      line-height: normal;
+    }
+  `,
+
+  title: styled.p`
+    color: var(--Main-1, #e15637);
+    font-family: 'Baloo 2';
+    font-size: 1.875rem;
+    font-style: normal;
+    font-weight: 700;
+    line-height: normal;
+  `,
+};
+
+export function ErrorPage() {
+  return (
+    <styles.container>
+      <h1>존재하지 않는 페이지입니다.</h1>
+      <styles.title>
+        <Link href="/">maru</Link>
+      </styles.title>
+    </styles.container>
+  );
+}

src/app/pages/index.ts

@@ -6,3 +6,4 @@ export * from './setting-page';
 export * from './user-input-page';
 export * from './writing-post-page';
 export * from './shared-posts-page';
+export * from './error-page';

src/app/pages/mobile/mobile-main-page.tsx

@@ -158,8 +158,8 @@ export function MobileMainPage() {
                   <UserCard
                     name={nickname}
                     percentage={score}
-                    location={location}
                     profileImage={profileImageUrl}
+                    location={location}
                   />
                 </Link>
               ),