register: 회원가입 구현

[thkim610]

회원가입을 위해 입력 받을 정보

• 이메일
• 비밀번호
• 이름
• 생년월일
• 전화번호
• 성별
• 주소

회원가입을 위한 파일 수정 (기능 추가)

• [ ] UserController - 회원가입 성공, 실패에 대한 처리 기능 추가
• [ ] UserService - 회원가입 기능 추가
• [ ] User - Entity 추가
• [ ] requestUserDto 추가 - 브라우저로부터 회원정보를 받는 DTO 생성
• [ ] 이메일 인증 구현

[thkim610]

프론트 단에서 생년월일 값이 안들어오는 문제 발생

• 라디오버튼 값도 안들어옴

해결 registerPage.js `{/radio: 성별 /}

성별

남 여 선택 안함

        {/*input: 생년월일 => dateformat : yyyy-mm-dd */}
        <div className="flex gap-3">
            <div className="flex gap-1">    
                <Lable type="register-lable">생년월일 </Lable>
            </div>
            {/*<Date name="birth"></Date>*/}
            <input type="date" name="birth" value={birth} onChange={birthChange}/>
        </div>`

===========================================================

컴포넌트로 만든 코드를 안쓰고 직접 페이지에 태그 코드와 이벤트 코드를 작성하니 해결됨.

[thkim610]

날짜 값을 JSON으로 전달하면서 DTO에서 JSON 날짜 형식을 못받는 문제 발생 (직렬화, 역직렬화 해결 필요)

=========================================================================== 해결 DTO에서 생년월일을 받는 LocalDateTime 타입의 birth를 localDate 타입으로 변경하고 String 타입으로 들어오는 JSON 형식을 @JsonFormat(shape= JsonFormat.Shape.STRING, pattern= "yyyy-MM-dd") 어노테이션을 통해서 yyyy-MM-dd형식으로 LocalDate 타입으로 변환하여 저장한다.

[thkim610]

회원가입 할 때 자동으로 가입일자를 생성하는 regDate 값이 null이 뜨는 오류 발생

---

해결 여기서 @EntityListeners를 사용하려면 @EnableJpaAuditing 어노테이션이 필요한데 이것을 생성하지 않았다.

@EnableJpaAuditing를 사용하면 Spring Data JPA의 기본 Auditing 설정을 사용할 수 있다. 이러한 설정은 엔티티 클래스의 필드에 알맞게 시간 정보를 자동으로 할당한다.

[thkim610]

이메일 인증 비지니스 로직 구현 후, 실행했을 때 한글 깨지는 오류 발생

========================================================= 해결 인텔리제이에서 프로젝트 파일 인코딩 설정이 UTF-8이 아닌 시스템 디폴트 값으로 설정되어 있어서 생긴 문제 인코딩 설정을 utf-8로 바꿔서 해결함.