[25.02.19 / TASK-98] Refactor - 페이지 로딩 효과 추가 (#25)

* modify: 페이지 이동 시 로딩 바 표시 기능 추가 * modify: 호버 관련 오류 수정 * modify: 오탈자 수정 * refactor: 코드 정리 * refactor: useCallback 적용 * fix: 패키지 정리 * feature: husky 추가 * modify: 코드래빗 의견 반영 * modify: 코드래빗 의견 반영 * modify: ReadME 최신화

Author: six-standard

.eslintignore

@@ -0,0 +1,10 @@
+.next
+next-env.d.ts
+pnpm-lock.yaml
+public
+next.config.js
+readme.md
+Dockerfile
+.vscode
+.swc
+.github

.husky/pre-commit

@@ -0,0 +1 @@
+pnpm lint-staged

.prettierrc

@@ -4,7 +4,7 @@
  "trailingComma": "all",
  "useTabs": false,
  "tabWidth": 2,
- "printWidth": 80,
+ "printWidth": 100,
  "arrowParens": "always",
  "bracketSpacing": true,
  "proseWrap": "preserve"

eslint.config.mjs

@@ -1,4 +1,3 @@
-import globals from 'globals';
 import pluginJs from '@eslint/js';
 import { configs as tseslint } from 'typescript-eslint';
 import pluginReact from 'eslint-plugin-react';
@@ -34,10 +33,8 @@ export default [
  pluginImport.flatConfigs.recommended,
  {
  rules: {
- 'import/order': [
- 'error',
- { groups: ['builtin', 'external', 'internal'] },
- ],
+ 'prettier/prettier': ['error', { printWidth: 100 }],
+ 'import/order': ['error', { groups: ['builtin', 'external', 'internal'] }],
  'testing-library/no-container': 'warn',
  'testing-library/no-node-access': 'warn',
  'react/react-in-jsx-scope': 'off',

package.json

@@ -2,6 +2,12 @@
  "name": "velog-dashboard-v2-fe",
  "version": "0.1.0",
  "private": true,
+ "lint-staged": {
+ "*.{ts,tsx}": [
+ "next lint",
+ "prettier --check"
+ ]
+ },
  "scripts": {
  "dev": "next dev --port 3000",
  "build": "next build",
@@ -10,20 +16,19 @@
  "lint": "next lint",
  "lintTest": "eslint ./src/__test__",
  "format": "prettier --check --ignore-path .gitignore --ignore-path pnpm-lock.yaml .",
- "test": "jest"
+ "test": "jest",
+ "prepare": "husky"
  },
  "dependencies": {
  "@channel.io/channel-web-sdk-loader": "^2.0.0",
  "@next/third-parties": "^15.1.7",
  "@sentry/core": "^8.47.0",
  "@sentry/nextjs": "^8.47.0",
  "@tailwindcss/typography": "^0.5.16",
- "@tanstack/react-query": "^5.61.3",
- "@tanstack/react-query-devtools": "^5.62.11",
+ "@tanstack/react-query": "^5.69.0",
+ "@tanstack/react-query-devtools": "^5.69.0",
  "chart.js": "^4.4.7",
- "jest-fixed-jsdom": "^0.0.9",
  "js-cookie": "^3.0.5",
- "msw": "^2.7.0",
  "next": "14.2.18",
  "react": "^18",
  "react-chartjs-2": "^5.2.0",
@@ -58,9 +63,13 @@
  "eslint-plugin-react": "^7.37.2",
  "eslint-plugin-testing-library": "^6.5.0",
  "globals": "^15.12.0",
+ "husky": "^9.1.7",
  "jest": "^29.7.0",
  "jest-environment-jsdom": "^29.7.0",
  "jest-fetch-mock": "^3.0.3",
+ "jest-fixed-jsdom": "^0.0.9",
+ "lint-staged": "^15.5.0",
+ "msw": "^2.7.3",
  "postcss": "^8",
  "prettier": "^3.3.3",
  "tailwindcss": "^3.4.1",