[25.05.09 / TASK-183] Refactor - 모달 레이아웃 분리

.eslintignore

@@ -7,4 +7,6 @@ readme.md
 Dockerfile
 .vscode
 .swc
-.github
+.github
+.eslintrc.js
+node_modules

.eslintrc.js

@@ -0,0 +1,44 @@
+module.exports = {
+  root: true,
+  env: { browser: true, node: true, jest: true },
+  parser: '@typescript-eslint/parser',
+  parserOptions: { ecmaVersion: 2022, sourceType: 'module', project: './tsconfig.json' },
+  globals: { React: true, NodeJS: true },
+  plugins: [
+    '@typescript-eslint',
+    'react',
+    'jest',
+    'jest-dom',
+    'testing-library',
+    'import',
+    'prettier',
+  ],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/strict',
+    'plugin:react/recommended',
+    'plugin:jest/recommended',
+    'plugin:jest-dom/recommended',
+    'plugin:testing-library/react',
+    'plugin:import/recommended',
+    'plugin:prettier/recommended',
+    'plugin:@next/next/recommended',
+    'prettier',
+  ],
+  rules: {
+    'prettier/prettier': ['error', { printWidth: 100 }],
+    'import/order': ['error', { groups: ['builtin', 'external', 'internal'] }],
+    'no-restricted-imports': ['warn', { patterns: ['../../*'] }],
+    'react/react-in-jsx-scope': 'off',
+    'testing-library/no-container': 'warn',
+    'testing-library/no-node-access': 'warn',
+    '@typescript-eslint/promise-function-async': 'error',
+    '@typescript-eslint/consistent-type-assertions': 'error',
+    '@typescript-eslint/naming-convention': 'off',
+  },
+  settings: {
+    'import/resolver': { typescript: { project: './tsconfig.json' }, node: true },
+    react: { version: 'detect' },
+  },
+};

.vscode/settings.json

@@ -7,17 +7,8 @@
   "vsicons.dontShowNewVersionMessage": true,
   "typescript.updateImportsOnFileMove.enabled": "always",
   "javascript.updateImportsOnFileMove.enabled": "always",
-  "makefile.configureOnOpen": true,
   "liveServer.settings.donotShowInfoMsg": true,
   "editor.formatOnSave": true,
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "always"
-  },
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact"
-  ],
-  "discord.enabled": true
+  "editor.codeActionsOnSave": { "source.fixAll.eslint": "always" },
+  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"]
 }

next.config.mjs

@@ -42,5 +42,5 @@ export default withSentryConfig(nextConfig, {
 
   reactComponentAnnotation: { enabled: true }, // 세션 리플레이와 브레드크럼에서 상세한 컴포넌트명 표시
 
-  tunnelRoute: '/monitoring', // ad-blocker 우회를 위한 경로 (저희가 이전에 왜 생기는지 이유를 추측했던 그 경로 맞습니다..)
+  tunnelRoute: '/monitoring', // ad-blocker 우회용 엔드포인트 (이벤트 로깅 관련)
 });

package.json

@@ -20,16 +20,13 @@
   },
   "dependencies": {
     "@channel.io/channel-web-sdk-loader": "^2.0.0",
+    "@next/eslint-plugin-next": "^15.3.2",
     "@next/third-parties": "^15.1.7",
     "@sentry/core": "^8.47.0",
     "@sentry/nextjs": "^8.47.0",
-    "@sentry/webpack-plugin": "^3.3.1",
     "@tailwindcss/typography": "^0.5.16",
     "@tanstack/react-query": "^5.69.0",
-    "@tanstack/react-query-devtools": "^5.69.0",
-    "@types/gtag.js": "^0.0.20",
     "chart.js": "^4.4.7",
-    "js-cookie": "^3.0.5",
     "next": "14.2.18",
     "react": "^18",
     "react-chartjs-2": "^5.2.0",
@@ -38,21 +35,26 @@
     "react-intersection-observer": "^9.14.0",
     "react-toastify": "^10.0.6",
     "return-fetch": "^0.4.6",
-    "sharp": "^0.33.5",
+    "tailwind-merge": "^3.2.0",
     "zustand": "^5.0.3"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.15.0",
+    "@sentry/webpack-plugin": "^3.4.0",
     "@svgr/webpack": "^8.1.0",
+    "@tanstack/react-query-devtools": "5.69.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/eslint-config-prettier": "^6.11.3",
+    "@types/gtag.js": "^0.0.20",
     "@types/jest": "^29.5.14",
     "@types/js-cookie": "^3.0.6",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "@typescript-eslint/eslint-plugin": "^8.32.0",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "eslint": "^8.57.1",
     "eslint-config-next": "14.2.18",
@@ -73,6 +75,7 @@
     "msw": "^2.7.3",
     "postcss": "^8",
     "prettier": "^3.3.3",
+    "sharp": "^0.34.1",
     "tailwindcss": "^3.4.1",
     "ts-node": "^10.9.2",
     "typescript": "^5",