husky 설정

.github/workflows/prod-ci-cd.yml

@@ -33,6 +33,8 @@ jobs:
         # Cache node modules 단계에서 설정된 출력이 캐시 히트를 발생시키지 않는다면
         if: steps.cache.outputs.cache-hit != 'true'
         # yarn install을 실행하여 새로운 캐시 키를 생성함
+        env:
+          HUSKY: 0 # CI 환경에서는 git 훅이 불필요하므로 husky 비활성화
         run: yarn install
 
       # Step 4: 코드 품질 검사

.husky/post-checkout

@@ -0,0 +1,15 @@
+prev_head="$1"
+new_head="$2"
+is_branch_checkout="$3"
+
+# 브랜치 체크아웃이 아닌 경우 스킵
+if [ "$is_branch_checkout" != "1" ]; then
+  exit 0
+fi
+
+if git diff --name-only "$prev_head" "$new_head" -- yarn.lock | grep -q '^yarn.lock$'; then
+  echo "[post-checkout] yarn.lock이 변경되었습니다. yarn install 실행..."
+  yarn install
+else
+  echo "[post-checkout] yarn.lock 변경 없음. 설치 생략."
+fi

.husky/pre-commit

@@ -0,0 +1,2 @@
+echo "[pre-commit] lint-staged 실행..."
+npx lint-staged

.prettierignore

@@ -0,0 +1 @@
+src/shared/assets

package.json

@@ -7,12 +7,15 @@
     "dev": "vite --host",
     "build": "tsc -b && vite build",
     "lint": "eslint src --ext .js,.jsx,.ts,.tsx",
+    "prettier:check": "prettier --check src",
+    "prettier:fix": "prettier --write src",
     "preview": "vite preview",
     "svgr": "npx @svgr/cli -d src/shared/assets/svgs/icon --typescript --no-dimensions public/svgs",
     "pwa": "pwa-assets-generator --preset minimal public/pwa/moddo.svg",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "STORYBOOK=true storybook build",
-    "test": "vitest run"
+    "test": "vitest run",
+    "prepare": "husky"
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
@@ -81,6 +84,8 @@
     "eslint-plugin-react-refresh": "^0.4.16",
     "eslint-plugin-storybook": "^0.11.2",
     "globals": "^15.14.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.4.0",
     "msw": "^2.7.0",
     "msw-storybook-addon": "^2.0.6",
     "prettier": "^3.4.2",
@@ -100,6 +105,12 @@
       "plugin:storybook/recommended"
     ]
   },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "prettier --write",
+      "eslint"
+    ]
+  },
   "msw": {
     "workerDirectory": [
       "public"