[TIL] 최종 프로젝트 2주 차_월요일

2023.02.13.(월)

TIL Today I Learned
해당 깃허브

---

Good: 좋은 건 팀원들과 의사소통이 잘 되는 점이다.

Bad: 오류가 있는데 해결을 하지 못 하고 잤다. 오류가 나는데 우울했다.

---

[ 최종 프로젝트 오류]

문제점: 회원가입 모달 창에서 sign up button을 누르면 nickname input 창이 클릭된다.

  <NicknameDiv>
            <div>Nickname</div>
          </NicknameDiv>
          <NicknameInput
            {...register('nickname', {
              required: '별명을 입력해주세요.',
              minLength: {
                value: 2,
                message:
                  '별명은 영문 대문자, 소문자, 한글을 포함한 2글자 이상이어야 합니다.',
              },
              pattern: {
                value: /[^a-z|ㄱ-ㅎ|가-힣]/gi,
                message:
                  '별명은 특수문자를 제외한 영문 혹은 한글 2글자 이상이어야 합니다.',
              },
            })}
            name="nickname"
            type="text"
            id="nickname"
            value={nickname}
            onChange={(event) => setNickname(event.target.value)}
            placeholder="별명을 입력해주세요"
            onKeyUp={(e) => {
              if (e.key === 'Enter') {
                handleSubmit(onSubmit);
              }
            }}
          />
          <AuthWarn>{errors?.confirm?.message}</AuthWarn>

해결점: 오류 고치는 걸 포기하고 자고 일어나서 다시 했더니 된다. 어떤 버그인가...?

또 버그가 일어나면 껐다 켜면 되는 건지...

---

해결점2: 원인은 잘못된 정규식으로 회원가입 시 포커스가 닉네임 인풋에 맞춰졌기 때문이다. 정규식(...register에서 pattern)을 삭제 후 minLength (최소 글자) 제한을 주었니다.

//변경 후 

<NicknameInput
            minLength={2}
            name="username"
            type="username"
            id="username"
            value={nickname}
            onChange={(event) => setNickname(event.target.value)}
            placeholder="별명을 입력해주세요"
            onKeyUp={(e) => {
              if (e.key === 'Enter') {
                handleSubmit(onSubmit);
              }
            }}
          />

​[ 16주 차 계획 ]

- 스파르타코딩클럽 계획

✔ 월: 최종 프로젝트

□ 화: 최종 프로젝트

□ 수: 최종 프로젝트

□ 목: 최종 프로젝트

□ 금: 최종 프로젝트

​

- 나의 계획

✔ 회고록 3차 작성하기

□ 오류 풀기