[#99] 터보레포 공통 패키지 스키마 zod 적용 (#105)

* feat: 스키마 zod 모노레포 패키지 추가

* fix: 회원가입 에러 메세지 수정

Author: henny1105

.eslintrc.js

@@ -1,3 +1,17 @@
 module.exports = {
-  extends: '@medi-map/eslint-config'
+  root: true,
+  env: {
+    node: true,
+    es2021: true
+  },
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended'
+  ],
+  rules: {
+    'semi': 'error',
+    '@typescript-eslint/no-unused-vars': 'error'
+  }
 };

apps/express-server/src/controllers/signupController.ts

@@ -4,35 +4,27 @@ import { createUser, findUserByEmail } from '@/services/authService';
 import { generateAccessToken, generateRefreshToken } from '@/utils/generateToken';
 import { AUTH_MESSAGES } from '@/constants/auth_message';
 import { storeRefreshToken } from '@/services/refreshTokenService';
-
-// 유효성 검사 함수
-const validateSignupInput = (username: string, email: string, password: string): string | null => {
-  if (!username || username.length < 3 || username.length > 30) {
-    return AUTH_MESSAGES.USERNAME_INVALID;
-  }
-
-  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-  if (!email || !emailRegex.test(email)) {
-    return AUTH_MESSAGES.EMAIL_INVALID;
-  }
-
-  if (!password || password.length < 8) {
-    return AUTH_MESSAGES.PASSWORD_INVALID;
-  }
-
-  return null;
-};
+import { validateUser } from '@medi-map/validation';
 
 // 회원가입 처리
 export const signup = async (req: Request, res: Response): Promise<Response> => {
   const { username, email, password } = req.body;
 
   try {
     // 유효성 검사
-    const validationError = validateSignupInput(username, email, password);
-    if (validationError) {
-      console.error('Validation error:', validationError);
-      return res.status(400).json({ message: validationError });
+    const validationResult = validateUser(req.body);
+
+    if (!validationResult.success) {
+      const flattenedErrors = validationResult.error.flatten().fieldErrors;
+
+      console.error('Validation error:', flattenedErrors);
+
+      const [firstField, firstMessages] = Object.entries(flattenedErrors)[0];
+
+      return res.status(400).json({
+        message: firstMessages[0],
+        field: firstField
+      });
     }
 
     // 이메일 중복 확인

apps/next-client/src/app/auth/signup/page.tsx

@@ -59,4 +59,4 @@ export default function SignupPage() {
       </Link>
     </>
   );
-}
+}

apps/next-client/src/hooks/useSignupActions.ts

@@ -20,17 +20,6 @@ export const useSignupActions = ({
   const router = useRouter();
 
   const handleSignup = async () => {
-    if (!username || !email || !password) {
-      setError(
-        !username
-          ? '사용자명을 입력해 주세요.'
-          : !email
-          ? '이메일을 입력해 주세요.'
-          : '비밀번호를 입력해 주세요.'
-      );
-      return;
-    }
-
     try {
       const response = await signup({ username, email, password });
 

cloud_sql_proxy

@@ -29,5 +29,8 @@
       "prettier --write --ignore-unknown"
     ]
   },
-  "packageManager": "yarn@1.22.19"
+  "packageManager": "yarn@1.22.19",
+  "main": "index.js",
+  "repository": "git@github.com:f-lab-edu/medi_map.git",
+  "license": "MIT"
 }

package.json

@@ -0,0 +1,10 @@
+export const AUTH_MESSAGES = {
+  USERNAME_REQUIRED: '사용자명을 입력해 주세요.',
+  USERNAME_INVALID: '사용자 이름은 3자 이상 30자 이하여야 합니다.',
+
+  EMAIL_REQUIRED: '이메일을 입력해 주세요.',
+  EMAIL_INVALID: '유효한 이메일 주소를 입력해주세요.',
+
+  PASSWORD_REQUIRED: '비밀번호를 입력해 주세요.',
+  PASSWORD_INVALID: '비밀번호는 최소 8자 이상이어야 합니다.',
+};

packages/validation/auth_message.ts

@@ -0,0 +1,9 @@
+{
+  "name": "@medi-map/validation",
+  "version": "1.0.0",
+  "main": "src/index.ts",
+  "types": "src/index.ts",
+  "dependencies": {
+    "zod": "^3.24.1"
+  }
+}

packages/validation/package.json

@@ -0,0 +1,24 @@
+import { z } from 'zod';
+import { AUTH_MESSAGES } from '../auth_message';
+
+const userSchema = z.object({
+  username: z
+    .string()
+    .min(1, AUTH_MESSAGES.USERNAME_REQUIRED)
+    .min(3, AUTH_MESSAGES.USERNAME_INVALID)
+    .max(30, AUTH_MESSAGES.USERNAME_INVALID),
+
+  email: z
+    .string()
+    .min(1, AUTH_MESSAGES.EMAIL_REQUIRED)
+    .email(AUTH_MESSAGES.EMAIL_INVALID),
+
+  password: z
+    .string()
+    .min(1, AUTH_MESSAGES.PASSWORD_REQUIRED)
+    .min(8, AUTH_MESSAGES.PASSWORD_INVALID),
+});
+
+export const validateUser = (data: unknown) => {
+  return userSchema.safeParse(data);
+};

packages/validation/src/index.ts

@@ -6563,6 +6563,11 @@ yocto-queue@^0.1.0:
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
+zod@^3.24.1:
+  version "3.24.1"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-3.24.1.tgz#27445c912738c8ad1e9de1bea0359fa44d9d35ee"
+  integrity sha512-muH7gBL9sI1nciMZV67X5fTKKBLtwpZ5VBp1vsOQzj1MhrBZ4wlVCm3gedKZWLp0Oyel8sIGfeiz54Su+OVT+A==
+
 zustand@^5.0.0-rc.2:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/zustand/-/zustand-5.0.0.tgz#71f8aaecf185592a3ba2743d7516607361899da9"