스프린트 미션 11 제출 - 김윤기

.gitignore

@@ -50,3 +50,4 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+.env*.local

.prettierrc

@@ -7,5 +7,7 @@
   "useTabs": false,
   "plugins": [
     "prettier-plugin-tailwindcss"
-  ]
+  ],
+  "tailwindAttributes": ["className", "class"],
+  "tailwindFunctions": ["clsx", "twMerge"]
 }

config/paths.js → config/paths.ts

@@ -1,23 +1,34 @@
+import type { Route } from 'next';
+
+interface PathConfig {
+  getHref: (...args: any[]) => Route;
+}
+
+interface PathMap {
+  [key: string]: PathConfig | PathMap;
+}
+
 export const paths = {
   home: {
     getHref: () => '/',
   },
-
   app: {
     articles: {
       getHref: () => '/articles',
     },
+    articleDetail: {
+      getHref: (id: number | string) => `/articles/${id}` as Route,
+    },
     registration: {
       getHref: () => '/articles/registration',
     },
     items: {
       getHref: () => '/items',
     },
     itemDetail: {
-      getHref: (id) => `/items/${id}`,
+      getHref: (id: number | string) => `/items/${id}` as Route,
     },
   },
-
   auth: {
     login: {
       getHref: () => '/login',
@@ -26,4 +37,4 @@ export const paths = {
       getHref: () => '/signup',
     },
   },
-};
+} satisfies PathMap;

eslint.config.mjs

@@ -1,5 +1,6 @@
 import { defineConfig, globalIgnores } from 'eslint/config';
 import nextVitals from 'eslint-config-next/core-web-vitals';
+import nextTs from 'eslint-config-next/typescript';
 import prettierConfig from 'eslint-config-prettier';
 // 파일/폴더명 정렬 플러그인 - 캐밥케이스
 import checkFilePlugin from 'eslint-plugin-check-file';
@@ -14,7 +15,7 @@ import globals from 'globals';
 // 기본 설정 (모든 파일에 적용)
 const baseConfig = [
   {
-    files: ['**/**.{js,mjs,cjs,jsx}'],
+    files: ['**/**.{js,mjs,cjs,jsx,ts,tsx}'],
     languageOptions: {
       globals: {
         ...globals.browser, // window. document 브라우저 전역변수 허용
@@ -38,7 +39,7 @@ const baseConfig = [
  * @see https://mariais.tistory.com/entry/Eslint-reactreact-in-jsx-scope-off%EA%B0%80-%EC%9E%91%EB%8F%99%EC%9D%B4-%EC%95%88%EB%90%98%EB%8A%94-%EA%B2%BD%EC%9A%B0
  */
 const reactConfig = {
-  files: ['**/*.{jsx}'],
+  files: ['**/*.{jsx,tsx}'],
   // 플러그인 권장규칙으로
   rules: {
     'react/react-in-jsx-scope': 'off', // ! 최신버전에서 import React 필요 없음
@@ -68,7 +69,7 @@ const fileNamingConventionConfig = {
     // file-name
     'check-file/filename-naming-convention': [
       'error',
-      { '**/*.{js,jsx}': 'KEBAB_CASE' },
+      { '**/*.{js,jsx,ts,tsx}': 'KEBAB_CASE' },
       { ignoreMiddleExtensions: true }, // .module.css 같은 경우 예외로 중간 확장자를 무시하게
     ],
     // folder-name
@@ -98,6 +99,7 @@ const eslintConfig = defineConfig([
   // config export
   ...baseConfig,
   ...nextVitals,
+  ...nextTs,
   reactConfig,
   ImportSortConfig,
   fileNamingConventionConfig,

next.config.mjs → next.config.mts

@@ -1,9 +1,12 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
+import type { NextConfig } from 'next';
+
+const nextConfig: NextConfig = {
   /* config options here */
   reactCompiler: true,
+  typedRoutes: true,
   // cacheComponents: true,
   images: {
+    unoptimized: process.env.NODE_ENV === 'development',
     remotePatterns: [
       {
         protocol: 'https',
@@ -17,8 +20,17 @@ const nextConfig = {
         protocol: 'https',
         hostname: 'panda-market-api.vercel.app',
       },
+      {
+        protocol: 'http',
+        hostname: '127.0.0.1',
+        port: '3003',
+        pathname: '/uploads/**',
+      },
     ],
   },
+  experimental: {
+    typedEnv: true,
+  },
 };
 
 export default nextConfig;

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "author": {
     "name": "Kim youn gi",
-    "email": "meta-os-zohomail.com",
+    "email": "meta-os@zohomail.com",
     "url": "https://github.com/rklpoi5678"
   },
   "repository": {
@@ -21,47 +21,47 @@
   },
   "scripts": {
     "dev": "next dev",
-    "build": "prisma generate && next build",
+    "build": "next build",
     "start": "next start",
-    "seed": "node ./prisma/seed.js",
-    "prepare": "husky",
-    "postinstall": "prisma generate --no-engine --schema=./prisma/schema",
-    "migrate:dev": "prisma -- migrate dev --schema=./prisma/schema",
+    "prepare": "if [ \"$NODE_ENV\" != \"production\" ]; then husky; fi",
     "lint-staged": "eslint --fix --max-warning=0"
   },
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
     "@ngneat/falso": "^8.0.2",
-    "@prisma/client": "^6.18.0",
-    "@prisma/extension-accelerate": "^2.0.2",
+    "@tailwindcss/postcss": "^4",
     "@tanstack/react-query": "^5.90.9",
     "@tanstack/react-query-devtools": "^5.90.2",
+    "babel-plugin-react-compiler": "^1.0.0",
     "bcrypt": "^6.0.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "jsonwebtoken": "^9.0.2",
-    "next": "16.0.1",
+    "next": "^16.1.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-hook-form": "^7.66.0",
     "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4",
     "uuid": "^13.0.0",
     "zod": "^4.1.12"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "babel-plugin-react-compiler": "1.0.0",
+    "@types/jsonwebtoken": "^9.0.10",
+    "@types/react": "^19.2.7",
+    "@types/node": "^25.0.3",
+    "@types/react-dom": "^19.2.3",
+    "baseline-browser-mapping": "^2.9.11",
     "eslint": "^9",
     "eslint-config-next": "16.0.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-check-file": "^3.3.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-tailwindcss": "^3.18.2",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.6",
     "prettier": "^3.6.2",
-    "prettier-plugin-tailwindcss": "^0.7.1",
-    "prisma": "^6.18.0",
-    "tailwindcss": "^4"
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.50.1"
   }
 }