[REFACTOR]: 자동 코드 포맷 설정 추가 & 서버 다운시 API 응답 undefined에 대한 방어 로직 추가

.gitignore

@@ -30,4 +30,8 @@ node_modules
 !.pnp.loader.mjs
 
 # 생성되더라도 굳이 커밋할 필요 없는 PnP 바이너리 데이터
-.pnp.data.mdb
+.pnp.data.mdb
+
+
+#노드 버전 관리
+.nvmrc

.husky/pre-commit

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

.lintstagedrc.mjs

@@ -0,0 +1,11 @@
+export default {
+  "apps/nowait-admin/src/**/*.{ts,tsx,js,jsx}": (files) => [
+    `yarn workspace nowait-admin run eslint --fix ${files.join(" ")}`,
+    `prettier --write ${files.join(" ")}`,
+  ],
+  "apps/nowait-user/src/**/*.{ts,tsx,js,jsx}": (files) => [
+    `yarn workspace nowait-user run eslint --fix ${files.join(" ")}`,
+    `prettier --write ${files.join(" ")}`,
+  ],
+  "**/*.{css,json,md,yaml,yml,html}": "prettier --write",
+};

.prettierignore

@@ -0,0 +1,5 @@
+dist
+.yarn
+.pnp.*
+*.tsbuildinfo
+node_modules

.prettierrc

@@ -0,0 +1,8 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "endOfLine": "lf"
+}

.vscode/settings.json

@@ -4,5 +4,13 @@
     "**/.pnp.*": true
   },
   "typescript.tsdk": ".yarn/sdks/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "typescript.useWorkspaceTsdk": true,
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "eslint.useFlatConfig": true,
+  "prettier.requireConfig": true
 }

apps/nowait-admin/eslint.config.js

@@ -3,6 +3,7 @@ import globals from 'globals'
 import reactHooks from 'eslint-plugin-react-hooks'
 import reactRefresh from 'eslint-plugin-react-refresh'
 import tseslint from 'typescript-eslint'
+import eslintConfigPrettier from 'eslint-config-prettier'
 
 export default tseslint.config(
   { ignores: ['dist'] },
@@ -12,6 +13,9 @@ export default tseslint.config(
     languageOptions: {
       ecmaVersion: 2020,
       globals: globals.browser,
+      parserOptions: {
+        tsconfigRootDir: import.meta.dirname,
+      },
     },
     plugins: {
       'react-hooks': reactHooks,
@@ -25,4 +29,5 @@ export default tseslint.config(
       ],
     },
   },
+  eslintConfigPrettier,
 )

apps/nowait-admin/package.json

@@ -11,6 +11,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@hello-pangea/dnd": "^18.0.1",
     "@repo/ui": "workspace:*",
     "@tanstack/react-query": "^5.81.2",
     "@tiptap/core": "^3.0.7",
@@ -55,6 +56,7 @@
     "@vitejs/plugin-react": "^4.4.1",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.25.0",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^16.0.0",

apps/nowait-admin/src/pages/AdminBooth/components/AccountPage.tsx

@@ -146,10 +146,10 @@ const AccountPage = () => {
     (opt) => (inputs[opt.id] ?? "").trim().length > 0
   );
 
-  const serverKakao = storePayment?.response.kakaoPayUrl;
-  const serverToss = storePayment?.response.tossUrl;
-  const serverNaver = storePayment?.response.naverPayUrl;
-  const serverAccount = storePayment?.response.accountNumber;
+  const serverKakao = storePayment?.response?.kakaoPayUrl;
+  const serverToss = storePayment?.response?.tossUrl;
+  const serverNaver = storePayment?.response?.naverPayUrl;
+  const serverAccount = storePayment?.response?.accountNumber;
 
   const curKakao = inputs.kakao;
   const curToss = inputs.toss;