diff --git a/frontend/src/features/member/constants/nickname.ts b/frontend/src/features/member/constants/nickname.ts new file mode 100644 index 00000000..4cd4a5d4 --- /dev/null +++ b/frontend/src/features/member/constants/nickname.ts @@ -0,0 +1,2 @@ +export const MIN_LENGTH_NICKNAME = 2; +export const MAX_LENGTH_NICKNAME = 20; diff --git a/frontend/src/features/member/hooks/useNickname.ts b/frontend/src/features/member/hooks/useNickname.ts index 1e718561..cd0d1ef6 100644 --- a/frontend/src/features/member/hooks/useNickname.ts +++ b/frontend/src/features/member/hooks/useNickname.ts @@ -1,6 +1,7 @@ import { useState } from 'react'; import { useNavigate } from 'react-router-dom'; import { useAuthContext } from '@/features/auth/components/AuthProvider'; +import { MAX_LENGTH_NICKNAME, MIN_LENGTH_NICKNAME } from '@/features/member/constants/nickname'; import { updateNickname } from '@/features/member/remotes/nickname'; import ROUTE_PATH from '@/shared/constants/path'; import { useMutation } from '@/shared/hooks/useMutation'; @@ -27,10 +28,10 @@ const useNickname = () => { const handleChangeNickname: React.ChangeEventHandler = (event) => { const currentNickname = event.currentTarget.value; - if (currentNickname.length > 20) { + if (currentNickname.length > MAX_LENGTH_NICKNAME) { setNicknameErrorMessage('2글자 이상 20글자 이하 문자만 가능합니다.'); return; - } else if (currentNickname.length < 2) { + } else if (currentNickname.length < MIN_LENGTH_NICKNAME) { setNicknameErrorMessage('2글자 이상 20글자 이하 문자만 가능합니다.'); } else if (currentNickname === user?.nickname) { setNicknameErrorMessage('이전과 다른 닉네임으로 변경해주세요.');