Merge pull request #578 from velopert/fix/empty-displayname

회원 가입 placeholder 변경 및 validate 처리 강화

Author: winverse

Diff for: src/components/register/RegisterForm.tsx

@@ -103,8 +103,8 @@ const RegisterForm: React.FC<RegisterFormProps> = ({
       <LabelInput
         name="displayName"
         onChange={onChange}
-        label="이름"
-        placeholder="이름을 입력하세요"
+        label="프로필 이름"
+        placeholder="프로필 이름을 입력하세요. 프로필 설정에서 변경이 가능합니다."
         value={form.displayName}
         size={20}
       />
@@ -123,7 +123,7 @@ const RegisterForm: React.FC<RegisterFormProps> = ({
         name="username"
         onChange={onChange}
         label="사용자 ID"
-        placeholder="새 사용자 ID를 입력하세요"
+        placeholder="새 사용자 ID를 입력하세요. 변경이 불가능합니다."
         value={form.username}
         size={22}
       />

Diff for: src/containers/register/RegisterFormContainer.tsx

@@ -67,16 +67,16 @@ const RegisterFormContainer: React.FC<RegisterFormContainerProps> = ({
     // validate
     const validation = {
       displayName: (text: string) => {
-        if (text === '') {
+        if (text.trim() === '') {
           return '이름을 입력해주세요.';
         }
-        if (text.length > 45) {
+        if (text.trim().length > 45) {
           return '이름은 최대 45자까지 입력 할 수 있습니다.';
         }
       },
       username: (text: string) => {
         if (!/^[a-z0-9-_]{3,16}$/.test(text)) {
-          return '아이디는 3~16자의 알파벳 소문자,숫자,혹은 - _ 으로 이루어져야 합니다.';
+          return '사용자 ID는 3~16자의 알파벳 소문자,숫자,혹은 - _ 으로 이루어져야 합니다.';
         }
       },
       shortBio: (text: string) => {

Diff for: src/lib/api/apiClient.ts

@@ -4,6 +4,7 @@ const host =
   process.env.NODE_ENV === 'development'
     ? '/'
     : process.env.REACT_APP_API_HOST || '/';
+
 const apiClient = axios.create({
   baseURL: host,
   withCredentials: true,