회원 정보 수정

💡 학습 목표
    1. 회원 수정 DTO(Data Transfer Object)를 생성할 수 있다.
    2. 회원수정 컨트롤러를 생성하고 세션을 동기화할 수 있다.
    3. 회원 수정 쿼리( JPA API) 를 작성할 수 있다.

1. 회원 정보 수정

UserController

@PostMapping("/user/update")
public String update(@ModelAttribute(name = "updateDTO") UserDTO.UpdateDTO reqDTO) {
    User sessionUser = (User) session.getAttribute("sessionUser");
    if (sessionUser == null) {
        return "redirect:/login-form";
    }
    // 유효성 검사는 생략
    // 사용자 정보 수정
    User updatedUser = userRepository.updateById(sessionUser.getId(), reqDTO.getPassword(), reqDTO.getEmail());
    // 세션 정보 동기화 처리
    session.setAttribute("sessionUser", updatedUser);
    return "redirect:/";
}


/**
 * 회원 정보 수정 페이지 요청
 * 주소설계 : http://localhost:8080/user/update-form
 *
 * 
 * @return 문자열
 * 반환되는 문자열을 뷰 리졸버가 처리하며
 * 머스태치 템플릿 엔진을 통해서 뷰 파일을 렌더링 합니다.
 */
@GetMapping("/user/update-form")
public String updateForm(HttpServletRequest request) {
    log.info("회원 수정 페이지");

    User sessionUser = (User) session.getAttribute("sessionUser");
    if(sessionUser == null) {
        return "redirect:/login-form";
    }
    User user = userRepository.findById(sessionUser.getId());
    request.setAttribute("user", user);

    return "user/update-form"; // 템플릿 경로 : user/join-form.mustache
}

 

update-form.mustache 코드 수정

{{> layout/header}}

<main class="container p-5 content">
    <div class="card">
        <div class="card-header"><b>회원정보수정페이지</b></div>
        <div class="card-body">
            <form action="/user/update" method="post" enctype="application/x-www-form-urlencoded">
                <div class="mb-3">
                    <input type="text" class="form-control" placeholder="enter username" name="username" value="{{user.username}}" disabled>
                </div>

                <div class="mb-3">
                    <input type="password" class="form-control" placeholder="enter password" name="password">
                </div>

                <div class="mb-3">
                    <input type="email" class="form-control" placeholder="enter email" name="email" value="{{user.email}}">
                </div>

                <button type="submit" class="btn btn-primary form-control">회원정보수정</button>
            </form>

        </div>
    </div>

</main>

{{> layout/footer}}

 

UserRepository

// 사용자 정보 수정 기능 만들기 (더티 체킹 사용)
@Transactional // 더티 체킹 반영
public User updateById(int id, String password, String email) {
    // id 값으로 영속성 컨텍스테 정보가 있는가? 확인
    User userEntity = findById(id);
    userEntity.setPassword(password);
    userEntity.setEmail(email);
    return userEntity; // 수정
}

/**
 * 사용자 정보 조회 (pk)
 * @param id
 * @return
 */
public User findById(int id) {
    return em.find(User.class, id);
}

 

Repository 계층에서는 DTO(Data Transfer Object)를 사용하지 않는 것이 권장된다. DTO는 외부와의 데이터 교환을 위한 객체이며, 대신, 엔티티(Entity) 를 직접 다루는 것이 더 적합하다. 즉, 계층 간의 책임을 명확히 구분 하기 위함 이고 리포지토리는 비즈니스 로직을 수행하지 않고 데이터 저장 및 조회에 집중 한다.

목차로 돌아가기