[authpage] authpage 구현

.github/ISSUE_TEMPLATE/bug-report.md

@@ -1,9 +1,9 @@
 ---
 name: 버그 리포트
 about: 버그 리포트
-title: "[페이지이름 or 공통]: "
-labels: "Fix"
-assignees: ""
+title: '[페이지이름 or 공통]: '
+labels: 'Fix'
+assignees: ''
 ---
 
 ## #️⃣ Related Issue

.github/ISSUE_TEMPLATE/feature.md

@@ -1,9 +1,9 @@
 ---
 name: 기능 구현 및 제안 이슈
 about: 기능 구현 및 제안 이슈
-title: "[페이지이름 or 공통]: "
-labels: "Feature"
-assignees: ""
+title: '[페이지이름 or 공통]: '
+labels: 'Feature'
+assignees: ''
 ---
 
 ## #️⃣ Related Issue

.gitignore

@@ -75,4 +75,6 @@ sketch
 .LSOverride
 
 #
-# End of https://www.toptal.com/developers/gitignore/api/nextjs,react,git
+# End of https://www.toptal.com/developers/gitignore/api/nextjs,react,git
+*storybook.log
+storybook-static

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+  "javascript.preferences.importModuleSpecifier": "non-relative",
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "eslint.format.enable": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  }
+}

README.md

@@ -1,11 +1,15 @@
 # Taskify
-> [!NOTE]
-> 프로젝트 소개
-> 
+
+> [!NOTE] 프로젝트 소개
+
 # 기여자
+
 # 주요 기능
+
 ### 유저 플로우 차트
+
 <img width="4104" height="3432" alt="Taskify_ User Flow" src="https://github.com/user-attachments/assets/d1ca38ae-f5ff-464d-8b2a-62b5c349d44a" />
 
 # 기술 스택
+
 ## 프로젝트 구조

eslint.config.ts

@@ -15,12 +15,12 @@ const sheriffOptions: SheriffSettings = {
 export default tseslint.config(sheriff(sheriffOptions), {
   languageOptions: {
     parserOptions: {
+      projectService: true,
       project: './tsconfig.json',
-      tsconfigRootDir: __dirname,
+      tsconfigRootDir: import.meta.dirname,
     },
   },
   rules: {
-    // https://typescript-eslint.io/rules/no-misused-promises/#checksvoidreturn
     '@typescript-eslint/no-misused-promises': [
       'error',
       {
@@ -38,10 +38,10 @@ export default tseslint.config(sheriff(sheriffOptions), {
     '@typescript-eslint/no-floating-promises': 'off',
     'react-refresh/only-export-components': 'off',
     'react/jsx-no-useless-fragment': 'off',
-    'react/jsx-boolean-value': 'off',
-    '@typescript-eslint/no-misused-spread': 'off',
-    'fsecond/prefer-destructured-optionals': 'off',
-    'unicorn/consistent-function-scoping': 'off',
+    '@typescript-eslint/naming-convention': 'off',
+    'jsdoc/require-description-complete-sentence': 'off',
     'func-style': 'off',
+    'no-negated-condition': 'off',
+    'unicorn/consistent-function-scoping': 'off',
   },
 });

middleware.ts

@@ -0,0 +1,52 @@
+import { type NextRequest, NextResponse } from 'next/server';
+
+const LOGIN_PATH = '/login';
+const DASHBOARD_PATH = '/dashboard';
+const MYDASHBOARD_PATH = '/mydashboard';
+
+export function middleware(request: NextRequest): NextResponse {
+  const { pathname } = request.nextUrl;
+
+  // 보호된 경로들
+  const protectedPaths = [MYDASHBOARD_PATH, '/mypage', DASHBOARD_PATH];
+  // 인증 페이지들(로그인/회원가입)
+  const authPages = [LOGIN_PATH, '/signup'];
+
+  // 현재 경로가 보호된 경로인지 확인
+  const isProtectedPath = protectedPaths.some((path) =>
+    pathname.startsWith(path)
+  );
+
+  const accessToken = request.cookies.get('access_token');
+
+  // 이미 로그인된 사용자가 로그인/회원가입 페이지 접근 시 대시보드로 보냄
+  const isAuthPage = authPages.some((path) => pathname.startsWith(path));
+
+  if (isAuthPage && accessToken) {
+    const dashUrl = new URL(MYDASHBOARD_PATH, request.url);
+
+    return NextResponse.redirect(dashUrl);
+  }
+
+  if (isProtectedPath && !accessToken) {
+    // 쿠키가 없으면 로그인 페이지로 리다이렉트 (next 파라미터 없이)
+    const loginUrl = new URL(LOGIN_PATH, request.url);
+
+    return NextResponse.redirect(loginUrl);
+  }
+
+  return NextResponse.next();
+}
+
+export const config = {
+  matcher: [
+    MYDASHBOARD_PATH,
+    `${MYDASHBOARD_PATH}/:path*`,
+    '/mypage',
+    '/mypage/:path*',
+    DASHBOARD_PATH,
+    `${DASHBOARD_PATH}/:path*`,
+    LOGIN_PATH,
+    '/signup',
+  ],
+};

next.config.ts

@@ -1,8 +1,18 @@
-import type { NextConfig } from "next";
+import type { NextConfig } from 'next';
 
 const nextConfig: NextConfig = {
   /* config options here */
   reactStrictMode: true,
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'sprint-fe-project.s3.ap-northeast-2.amazonaws.com',
+        port: '',
+        pathname: '/taskify/**',
+      },
+    ],
+  },
 };
 
 export default nextConfig;