스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 12

Spring 정리 2022. 7. 5. 19:29

인프런 강의 50일차.

 - 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 1 (김영한 강사님)

 - 1편에서 배운 MVC를 활용할 수 있는 기술 습득

 - 타입 컨버터, 파일 업로드, 활용, 쿠키, 세션, 필터, 인터셉터, 예외 처리, 타임리프, 메시지, 국제화, 검증 등등

 

 6.1 로그인 처리1 - 쿠키, 세션 - 로그인 요구사항

  - 홈 화면 - 로그인 전

    > 회원 가입

    > 로그인

  - 홈 화면 - 로그인 후

    > 본인 이름(누구님 환영합니다.)

    > 상품 관리

    > 로그 아웃

  - 보안 요구사항

    > 로그인 사용자만 상품에 접근하고, 관리할 수 있음

    > 로그인 하지 않은 사용자가 상품 관리에 접근하면 로그인 화면으로 이동

  - 회원 가입, 상품 관리

 

로그인 전 홈화면

 

로그인 후 홈화면

 

회원가입

 

로그인

 

상품 목록

 

 * 패키지 구조 설계

  - hello.login 

    - domain 

      - item 

      - member 

      - login 

    - web 

      -  item

      - member

      - login

 

 * 도메인이 가장 중요하다.

  - 도메인 = 화면, UI, 기술 인프라 등등의 영역은 제외한 시스템이 구현해야 하는 핵심 비즈니스 업무 영역을 말함

  - 향후 web을 다른 기술로 바꾸어도 도메인은 그대로 유지할 수 있어야 한다.

  - 이렇게 하려면 web은 domain을 알고있지만 domain은 web을 모르도록 설계해야 한다.

  - 이것을 web은 domain을 의존하지만, domain은 web을 의존하지 않는다고 표현한다.

  - 예를 들어 web 패키지를 모두 삭제해도 domain에는 전혀 영향이 없도록 의존관계를 설계하는 것이 중요하다.

  - 반대로 이야기하면 domain은 web을 참조하면 안된다.

 

 

 6.2 로그인 처리1 - 쿠키, 세션 - 홈화면 개발

package hello.login.web;

import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Slf4j
@Controller
public class HomeController {

    @GetMapping("/")
    public String home() {
        return "home";
//        return "redirect:/items";
    }
}

  - hello/login/web/HomeController.java

  - 기존에 items로 redirect 되던 것 home으로 return 하도록 변경

 

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link th:href="@{/css/bootstrap.min.css}"
          href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container" style="max-width: 600px">
        <div class="py-5 text-center">
            <h2>홈 화면</h2>
        </div>
        <div class="row">
            <div class="col">
                <button class="w-100 btn btn-secondary btn-lg" type="button"
                        th:onclick="|location.href='@{/members/add}'|">
                    회원 가입
                </button>
            </div>
            <div class="col">
                <button class="w-100 btn btn-dark btn-lg"
                        onclick="location.href='items.html'"
                        th:onclick="|location.href='@{/login}'|" type="button">
                    로그인
                </button>
            </div>
        </div>

        <hr class="my-4">

    </div> <!-- /container -->
</body>
</html>

  - resources/templates/home.html

  - home 화면으로 redirect 시 표시할 html

 

 6.3 로그인 처리1 - 쿠키, 세션 - 회원가입

  * Member

package hello.login.domain.member;

import lombok.Data;

import javax.validation.constraints.NotEmpty;

@Data
public class Member {

    private long id;

    @NotEmpty
    private String loginId;   //로그인 ID
    @NotEmpty
    private String name;     //사용자 이름
    @NotEmpty
    private String password;

}

  - hello/login/domain/member/Member.java

  - 회원가입을 위한 필드 선언 클래스

 

  * MemberRepository

package hello.login.domain.member;

import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Repository;

import java.util.*;

@Slf4j
@Repository
public class MemberRepository {

    private static Map<Long, Member> store = new HashMap<>();
    private static long sequence = 0L; //static 사용

    public Member save(Member member) {
        member.setId(++sequence);
        log.info("save : member={}", member);
        store.put(member.getId(), member);
        return member;
    }

    public Member findById(Long id) {
        return store.get(id);
    }

    public Optional<Member> findByLoginId(String loginId) {
        /*List<Member> all = findAll();
        for (Member m : all) {
            if(m.getLoginId().equalsIgnoreCase(loginId))
                return Optional.of(m);
        }
        return Optional.empty();*/
        //위 식을 Lamda로 바꿔서 1줄로 리턴 한다.

        return findAll().stream()
                .filter(m -> m.getLoginId().equalsIgnoreCase(loginId))
                .findFirst();
    }

    public List<Member> findAll() {
        ArrayList<Member> members = new ArrayList<>(store.values());
        return members;
    }

    public void clearStore(){
        store.clear();
    }
}

  - hello/login/domain/member/MemberRepository.java

  - 회원가입 데이터를 저장을 관리할 Repository 클래스

 

   * MemberController

package hello.login.web.member;

import hello.login.domain.member.Member;
import hello.login.domain.member.MemberRepository;
import lombok.RequiredArgsConstructor;
import org.springframework.stereotype.Controller;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.validation.Valid;

@Controller
@RequiredArgsConstructor
@RequestMapping("/members")
public class MemberController {

    private final MemberRepository memberRepository;

    @GetMapping("/add")
    public String addForm(@ModelAttribute("member") Member member) {
        return "members/addMemberForm";
    }

    @PostMapping("/add")
    public String save(@Valid @ModelAttribute Member member, BindingResult bindingResult) {
        if(bindingResult.hasErrors()){
            return "members/addMemberForm";
        }

        memberRepository.save(member);
        return "redirect:/";
    }
}

  - hello/login/web/member/MemberController.java

  - 멤버에 대한 Controller 클래스

  - @ModelAttribute("member") 를 @ModelAttribute 로 변경해도 결과는 같다. 여기서는 IDE에서 인식 문제가 있어서 적용함

 

 * 회원 가입 뷰 템플릿

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link th:href="@{/css/bootstrap.min.css}"
          href="../css/bootstrap.min.css" rel="stylesheet">
    <style>
        .container {
            max-width: 560px;
        }
        .field-error {
            border-color: #dc3545;
            color: #dc3545;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="py-5 text-center">
        <h2>회원 가입</h2>
    </div>

    <h4 class="mb-3">회원 정보 입력</h4>

    <form action="" th:action th:object="${member}" method="post">
        <div th:if="${#fields.hasGlobalErrors()}">
            <p class="field-error" th:each="err : ${#fields.globalErrors()}"
               th:text="${err}">전체 오류 메시지</p>
        </div>
        <div>
            <label for="loginId">로그인 ID</label>
            <input type="text" id="loginId" th:field="*{loginId}" class="form-control"
                   th:errorclass="field-error">
            <div class="field-error" th:errors="*{loginId}" />
        </div>
        <div>
            <label for="password">비밀번호</label>
            <input type="password" id="password" th:field="*{password}"
                   class="form-control"
                   th:errorclass="field-error">
            <div class="field-error" th:errors="*{password}" />
        </div>
        <div>
            <label for="name">이름</label>
            <input type="text" id="name" th:field="*{name}" class="form-control"
                   th:errorclass="field-error">
            <div class="field-error" th:errors="*{name}" />
        </div>

        <hr class="my-4">

        <div class="row">
            <div class="col">
                <button class="w-100 btn btn-primary btn-lg" type="submit">회원가입</button>
            </div>
            <div class="col">
                <button class="w-100 btn btn-secondary btn-lg"
                        onclick="location.href='items.html'"
                        th:onclick="|location.href='@{/}'|"
                        type="button">취소</button>
            </div>
        </div>
    </form>
</div> <!-- /container -->
</body>
</html>

  - resources/templates/members/addMemberForm.html

  - 회원가입 HTML 템플릿

 

 * 회원용 테스트 데이터 추가

  - 메모리에 데이터를 저장하기 때문에 매번 서버를 띄울 때 마다 회원가입을 해야하는 불편함이 있다.

  - 편의상 테스트용 회원 데이터를 추가하자.

package hello.login;

import hello.login.domain.item.Item;
import hello.login.domain.item.ItemRepository;
import hello.login.domain.member.Member;
import hello.login.domain.member.MemberRepository;
import lombok.RequiredArgsConstructor;
import org.springframework.stereotype.Component;

import javax.annotation.PostConstruct;

@Component
@RequiredArgsConstructor
public class TestDataInit {

    private final ItemRepository itemRepository;
    private final MemberRepository memberRepository;

    /**
     * 테스트용 데이터 추가
     */
    @PostConstruct
    public void init() {
        itemRepository.save(new Item("itemA", 10000, 10));
        itemRepository.save(new Item("itemB", 20000, 20));

        //PostConstruct 이므로 서버 띄울 때 수행되는 로직이다.
        Member member = new Member();
        member.setLoginId("test");
        member.setPassword("test!");
        member.setName("테스터");
        memberRepository.save(member);
    }

}

  - hello/login/TestDataInit.java

  - @PostConstruct 로 선언된 클래스. 서버가 구동될 때 수행되는 로직이다.

  - loginId : test

  - password : test!

  - name : 테스터

 

 6.4 로그인 처리1 - 쿠키, 세션 - 로그인 기능

  - 로그인 기능을 개발해보자. 지금은 로그인 ID, 비밀번호를 입력하는 부분에 집중하자.

package hello.login.domain.login;

import hello.login.domain.member.Member;
import hello.login.domain.member.MemberRepository;
import lombok.RequiredArgsConstructor;
import org.springframework.stereotype.Service;

import java.util.Optional;

@Service
@RequiredArgsConstructor
public class LoginService {

    private final MemberRepository memberRepository;

    /**
     * @return null 로그인 실패
     */
    public Member login(String loginId, String password){
        /* 1. if-else null 처리
        Optional<Member> findMemberOptional = memberRepository.findByLoginId(loginId);
        Member member = findMemberOptional.get();       //Optional에서 get() 호출 시 해당 객체의 데이터를 얻을 수 있다. (없을 시 Exception 발생)
        if(member.getPassword().equals(password)){
            return member;
        } else {
            return null;
        }*/

        /* 2. Optional 변수 선언 null 처리
           - 7줄로 구성된 코드를 Optional을 사용해 2줄로 변경이 가능하다.
        Optional<Member> byLoginId = memberRepository.findByLoginId(loginId);
        byLoginId.filter(m -> m.getPassword().equals(password)).orElse(null);
         */

        //3. 변수 선언 없이 Optional null 처리
        // - 로컬 변수 선언 없이 1줄로 처리 가능하다.
        return memberRepository.findByLoginId(loginId).filter((m -> m.getPassword().equals(password))).orElse(null);
    }

}

  - hello/login/domain/login/LoginService.java

  - 로그인의 핵심 비즈니스 로직은 회원을 조회한 다음에 파라미터로 넘어온 password와 비교해서 같으면 회원을 반환하고, 만약 password가 다르면 null 을 반환한다.

 

 

package hello.login.web.login;

import hello.login.domain.login.LoginService;
import hello.login.domain.member.Member;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PostMapping;

import javax.validation.Valid;

@Slf4j
@Controller
@RequiredArgsConstructor
public class LoginController {

    private final LoginService loginService;

    @GetMapping("/login")
    public String loginForm(@ModelAttribute("loginForm") LoginForm form) {
        return "login/loginForm";
    }

    @PostMapping("/login")
    public String login(@Valid @ModelAttribute LoginForm form, BindingResult bindingResult) {
        if(bindingResult.hasErrors()){
            return "login/loginForm";
        }

        Member loginMember = loginService.login(form.getLoginId(), form.getPassword());

        if(loginMember == null){
            //null인 경우 글로벌오류로 처리
            bindingResult.reject("loginFail", "아이디 또는 비밀번호가 맞지 않습니다.");
            return "login/loginForm";
        }

        //로그인 성공 처리 TODO

        return "redirect:/";
    }
}

  - hello/login/web/login/LoginController.java

  - 로그인 컨트롤러는 로그인 서비스를 호출해서 로그인에 성공하면 홈 화면으로 이동하고, 로그인에 실패하면 bindingResult.reject() 를 사용해서 글로벌 오류( ObjectError )를 생성한다.

  - 그리고 정보를 다시 입력하도록 로그인 폼을 뷰 템플릿으로 사용한다

 

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link th:href="@{/css/bootstrap.min.css}"
          href="../css/bootstrap.min.css" rel="stylesheet">
    <style>
        .container {
            max-width: 560px;
        }
        .field-error {
            border-color: #dc3545;
            color: #dc3545;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="py-5 text-center">
        <h2>로그인</h2>
    </div>
    <form action="item.html" th:action th:object="${loginForm}" method="post">
        <div th:if="${#fields.hasGlobalErrors()}">
            <p class="field-error" th:each="err : ${#fields.globalErrors()}"
               th:text="${err}">전체 오류 메시지</p>
        </div>
        <div>
            <label for="loginId">로그인 ID</label>
            <input type="text" id="loginId" th:field="*{loginId}" class="form-control"
                   th:errorclass="field-error">
            <div class="field-error" th:errors="*{loginId}" />
        </div>
        <div>
            <label for="password">비밀번호</label>
            <input type="password" id="password" th:field="*{password}"
                   class="form-control"
                   th:errorclass="field-error">
            <div class="field-error" th:errors="*{password}" />
        </div>

        <hr class="my-4">

        <div class="row">
            <div class="col">
                <button class="w-100 btn btn-primary btn-lg" type="submit">
                    로그인</button>
            </div>
            <div class="col">
                <button class="w-100 btn btn-secondary btn-lg"
                        onclick="location.href='items.html'"
                        th:onclick="|location.href='@{/}'|"
                        type="button">취소</button>
            </div>
        </div>
    </form>
</div> <!-- /container -->
</body>
</html>

  - templates/login/loginForm.html

  - 로그인 폼 뷰 템플릿에는 특별한 코드는 없다. loginId , password 가 틀리면 글로벌 오류가 나타난다

 

 * 실행

  - 로그인이 성공하면 홈으로 이동하고, 로그인에 실패하면 "아이디 또는 비밀번호가 맞지 않습니다."라는 경고와 함께 로그인 폼이 나타난다.

  - 로그인이 되면 홈 화면에 고객 이름이 보여야 한다는 요구사항을 만족하지 못한다.

  - 로그인의 상태를 유지하면서, 로그인에 성공한 사용자는 홈 화면에 접근시 고객의 이름을 보여주려면 어떻게 해야할까?

 

 6.5 로그인 처리하기 - 쿠키 사용

  - 여기서는 여러분이 쿠키의 기본 개념을 이해하고 있다고 가정한다. 쿠키에 대해서는 모든 개발자를 위한 HTTP 기본 지식 강의를 참고하자. 혹시 잘 생각이 안나면 쿠키 관련 내용을 꼭! 복습하고 돌아오자.

 

 * 로그인 상태 유지하기

  - 로그인의 상태를 어떻게 유지할 수 있을까? HTTP 강의에서 일부 설명했지만, 쿼리 파라미터를 계속 유지하면서 보내는 것은 매우 어렵고 번거로운 작업이다. 쿠키를 사용해보자.

  - 서버에서 로그인에 성공하면 HTTP 응답에 쿠키를 담아서 브라우저에 전달하자. 그러면 브라우저는 앞으로 해당 쿠키를 지속해서 보내준다

 

 

쿠키 생성

  - 최초 통신 시 로그인 성공한 대상의 db uniqKey인 memberId(로그인 id가 아님)로 쿠키 생성

  - 웹 브라우저 쿠키 저장소에 해당 값 저장

 

클라이언트 쿠키 전달 1

  - 다른 웹 페이지 접근 시 쿠키저장소에 저장해둔 쿠키를 보내줌

 

클라이언트 쿠키 전달 2

  - 모든 리퀘스트에 대해 쿠키저장소에 저장된 값을 항상 보내서 전달하게된다!

 

 * 쿠키 종류

  - 영속 쿠키: 만료 날짜를 입력하면 해당 날짜까지 유지

  - 세션 쿠키: 만료 날짜를 생략하면 브라우저 종료시 까지만 유지

  - 브라우저 종료시 로그아웃이 되길 기대하므로, 우리에게 필요한 것은 세션 쿠키이다

 

@PostMapping("/login")
public String login(@Valid @ModelAttribute LoginForm form, BindingResult bindingResult, HttpServletResponse response) {
    if(bindingResult.hasErrors()){
        return "login/loginForm";
    }

    Member loginMember = loginService.login(form.getLoginId(), form.getPassword());

    if(loginMember == null){
        //null인 경우 글로벌오류로 처리
        bindingResult.reject("loginFail", "아이디 또는 비밀번호가 맞지 않습니다.");
        return "login/loginForm";
    }

    //쿠키에 시간 정보를 주지 않으면 디폴트로 세션쿠키가 됨(브라우저 종료 시 모두 종료)
    Cookie idCookie = new Cookie("memberId", String.valueOf(loginMember.getId()));
    response.addCookie(idCookie);

    return "redirect:/";
}

  - hello/login/web/login/LoginController.java

  - 로그인에 성공하면 쿠키를 생성하고 HttpServletResponse 에 담는다. 쿠키 이름은 memberId 이고, 값은 회원의 id 를 담아둔다. 웹 브라우저는 종료 전까지 회원의 id 를 서버에 계속 보내줄 것이다.

  - 실행 시 크롬 브라우저를 통해 HTTP 응답 헤더에 쿠키가 추가된 것을 확인할 수 있다.

 

 

package hello.login.web;

import hello.login.domain.member.Member;
import hello.login.domain.member.MemberRepository;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.CookieValue;
import org.springframework.web.bind.annotation.GetMapping;

@Slf4j
@Controller
@RequiredArgsConstructor
public class HomeController {

    private final MemberRepository memberRepository;

//    @GetMapping("/")
    public String home() {
        return "home";
//        return "redirect:/items";
    }

    //memberId의 경우 String으로 들어오지만 Spring이 자동으로 Type Converting 해준다.
    @GetMapping("/")
    public String homeLogin(@CookieValue(name="memberId", required = false) Long memberId, Model model) {

        if(memberId == null) {
            return "home";
        }

        Member loginMember = memberRepository.findById(memberId);
        if (loginMember == null){       //쿠키에는 존재하나 DB에서 삭제된 경우도 존재하므로 DB에서 불러온 값에 대한 비교도 해야한다.
            return "home";
        }

        model.addAttribute("member", loginMember);
        return "loginHome";
    }
}

  - hello/login/web/HomeController.java

  - 기존 home() 에 있는 @GetMapping("/") 은 주석 처리하자.

  - @CookieValue 를 사용하면 편리하게 쿠키를 조회할 수 있다.

  - 로그인 하지 않은 사용자도 홈에 접근할 수 있기 때문에 required = false 를 사용한다

  - 로그인 쿠키( memberId )가 없는 사용자는 기존 home 으로 보낸다.

  - 추가로 로그인 쿠키가 있어도 회원이 없으면 home 으로 보낸다.

  - 로그인 쿠키( memberId )가 있는 사용자는 로그인 사용자 전용 홈 화면인 loginHome 으로 보낸다.

  - 추가로 홈 화면에 화원 관련 정보도 출력해야 해서 member 데이터도 모델에 담아서 전달한다

 

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link th:href="@{/css/bootstrap.min.css}"
          href="../css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container" style="max-width: 600px">
    <div class="py-5 text-center">
        <h2>홈 화면</h2>
    </div>
    <h4 class="mb-3" th:text="|로그인: ${member.name}|">로그인 사용자 이름</h4>
    <hr class="my-4">
    <div class="row">
        <div class="col">
            <button class="w-100 btn btn-secondary btn-lg" type="button"
                    th:onclick="|location.href='@{/items}'|">
                상품 관리
            </button>
        </div>
        <div class="col">
            <form th:action="@{/logout}" method="post">
                <button class="w-100 btn btn-dark btn-lg" type="submit">
                    로그아웃
                </button>
            </form>
        </div>
    </div>
    <hr class="my-4">
</div> <!-- /container -->
</body>
</html>

  - templates/loginHome.html 

  - th:text="|로그인: ${member.name}|" 로직을 사용해 로그인에 성공한 사용자 이름을 출력한다.

  - 상품 관리, 로그아웃 버튼을 노출한다.

 

 * 실행

  - 로그인에 성공하면 사용자 이름이 출력되면서 상품 관리, 로그아웃 버튼을 확인할 수 있다.

  - 로그인에 성공시 세션 쿠키가 지속해서 유지되고, 웹 브라우저에서 서버에 요청시 memberId 쿠키를 계속 보내준다

 

 * 로그아웃

  - 로그아웃 방법은 다음과 같다.

  - 세션 쿠키이므로 웹 브라우저 종료시 서버에서 해당 쿠키의 종료 날짜를 0으로 지정(setMaxAge)

 

@PostMapping("/logout")
public String logout(HttpServletResponse response) {
    expireCookie(response, "memberId");
    return "redirect:/";
}

private void expireCookie(HttpServletResponse response, String cookieName) {
    Cookie cookie = new Cookie(cookieName, null);
    cookie.setMaxAge(0);        //age를 0으로 만들고 추가 시 쿠키 초기화가 된다.
    response.addCookie(cookie);
}

  - hello/login/web/login/LoginController.java

  - 로그아웃도 응답 쿠키를 생성하는데 Max-Age=0 를 확인할 수 있다. 해당 쿠키는 즉시 종료된다

 

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 11

Spring 정리 2022. 7. 1. 20:28

인프런 강의 49일차.

 - 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 1 (김영한 강사님)

 - 1편에서 배운 MVC를 활용할 수 있는 기술 습득

 - 타입 컨버터, 파일 업로드, 활용, 쿠키, 세션, 필터, 인터셉터, 예외 처리, 타임리프, 메시지, 국제화, 검증 등등

 

 5.6 Bean Validation - 오브젝트 오류

  - Bean Validation에서 특정 필드( FieldError )가 아닌 해당 오브젝트 관련 오류( ObjectError )는 어떻게 처리할 수 있을까? 

  - 다음과 같이 @ScriptAssert() 를 사용하면 된다.

@Data
@ScriptAssert(lang="javascript", script="_this.price * _this.quantity >= 10000", message = "10000원 넘게 입력해주세요.")
public class Item {
	...

  - hello.itemservice.domain.item.Item.java

  - @ScriptAssert 를 통해 ObjectError 처리가 가능하다.

 

  * 생성되는 메시지 코드

   - ScriptAssert.item

   - ScriptAssert

 

  * 다만 실제 사용해보면 제약이 많고 복잡하다. 그리고 실무에서는 검증 기능이 해당 객체의 범위를 넘어서는 경우들도 종종 등장하는데, 그런 경우 대응이 어렵다. 따라서 오브젝트 오류(글로벌 오류)의 경우 @ScriptAssert 을 억지로 사용하는 것 보다는 다음과 같이 오브젝트 오류 관련 부분만 직접 자바 코드로 작성하는 것을 권장한다

 

 5.7 Bean Validation - 수정에 적용

  - 상품 수정에도 빈 검증(Bean Validation)을 적용해보자

@PostMapping("/{itemId}/edit")
public String edit(@PathVariable Long itemId, @Validated @ModelAttribute Item item, BindingResult bindingResult) {

    //특정 필드 예외가 아닌 전체 예외
    if (item.getPrice() != null && item.getQuantity() != null) {
        int resultPrice = item.getPrice() * item.getQuantity();
        if (resultPrice < 10000) {
            bindingResult.reject("totalPriceMin", new Object[]{10000,
                    resultPrice}, null);
        }
    }
    if (bindingResult.hasErrors()) {
        log.info("errors={}", bindingResult);
        return "validation/v3/editForm";
    }

    itemRepository.update(itemId, item);
    return "redirect:/validation/v3/items/{itemId}";
}

  - hello/itemservice/web/validation/ValidationItemControllerV3.java

  - edit 부분에 @Validate, BindingResult, 관련 로직 추가

  - 검증 오류가 발생하면 editForm 으로 이동하는 코드 추가

 

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link th:href="@{/css/bootstrap.min.css}"
          href="../css/bootstrap.min.css" rel="stylesheet">
    <style>
        .container {
            max-width: 560px;
        }
        .field-error {
            border-color: #dc3545;
            color: #dc3545;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="py-5 text-center">
        <h2 th:text="#{page.updateItem}">상품 수정</h2>
    </div>
    <form action="item.html" th:action th:object="${item}" method="post">
        <div th:if="${#fields.hasGlobalErrors()}">
            <p class="field-error" th:each="err : ${#fields.globalErrors()}"
               th:text="${err}">글로벌 오류 메시지</p>
        </div>
        <div>
            <label for="id" th:text="#{label.item.id}">상품 ID</label>
            <input type="text" id="id" th:field="*{id}" class="form-control"
                   readonly>
        </div>
        <div>
            <label for="itemName" th:text="#{label.item.itemName}">상품명</label>
            <input type="text" id="itemName" th:field="*{itemName}"
                   th:errorclass="field-error" class="form-control"
                   placeholder="이름을 입력하세요">
            <div class="field-error" th:errors="*{itemName}">
                상품명 오류
            </div>
        </div>
        <div>
            <label for="price" th:text="#{label.item.price}">가격</label>
            <input type="text" id="price" th:field="*{price}"
                   th:errorclass="field-error" class="form-control"
                   placeholder="가격을 입력하세요">
            <div class="field-error" th:errors="*{price}">
                가격 오류
            </div>
        </div>
        <div>
            <label for="quantity" th:text="#{label.item.quantity}">수량</label>
            <input type="text" id="quantity" th:field="*{quantity}"
                   th:errorclass="field-error" class="form-control"
                   placeholder="수량을 입력하세요">
            <div class="field-error" th:errors="*{quantity}">
                수량 오류
            </div>
        </div>

        <hr class="my-4">
        
        <div class="row">
            <div class="col">
                <button class="w-100 btn btn-primary btn-lg" type="submit"
                        th:text="#{button.save}">저장</button>
            </div>
            <div class="col">
                <button class="w-100 btn btn-secondary btn-lg"
                        onclick="location.href='item.html'"
                        th:onclick="|location.href='@{/validation/v3/items/{itemId}(itemId=${item.id})}'|"
                        type="button" th:text="#{button.cancel}">취소</button>
            </div>
        </div>
    </form>
</div> <!-- /container -->
</body>
</html>

  - templates/validation/v3/editForm.html

  - field-error css 추가

  - 글로벌 오류 메시지

  - 상품명, 가격, 수량 필드에 검증 기능 추가

 

 5.8 Bean Validation - 한계

  - 수정시 검증 요구사항이 데이터를 등록할 때와 수정할 때 다를 수 있다

  * 등록시 기존 요구사항

   - 타입 검증

    > 가격, 수량에 문자가 들어가면 검증 오류 처리

   - 필드 검증

    > 상품명: 필수, 공백X

    > 가격: 1000원 이상, 1백만원 이하

    > 수량: 최대 9999

   - 특정 필드의 범위를 넘어서는 검증

    > 가격 * 수량의 합은 10,000원 이상

 

  * 수정시 요구사항

   - 등록시에는 quantity 수량을 최대 9999까지 등록할 수 있지만 수정시에는 수량을 무제한으로 변경할 수 있다.

   - 등록시에는 id 에 값이 없어도 되지만, 수정시에는 id 값이 필수이다.

 

 *  수정 요구사항 적용

public class Item {

    @NotNull        //수정 시 id값이 필수이므로 NotNull 추가
    private Long id;

    @NotBlank
    private String itemName;

    @NotNull
    @Range(min=1000, max=1000000)
    private Integer price;

    @NotNull
//    @Max(9999)    //수정 시 수량은 무제한이므로 MAX 제거
    private Integer quantity;
    ...

  - hello/itemservice/domain/item/Item.java

  - 수정 요구사항 적용을 위해 Validator 값 변경

  - 수정은 잘 동작하지만 등록에서 문제가 발생한다. 등록시에는 id 에 값도 없고, quantity 수량 제한 최대 값인 9999도 적용되지 않는 문제가 발생한다.

  - 등록시 화면이 넘어가지 않으면서 다음과 같은 오류를 볼 수 있다.

    > 'id': rejected value [null];

    > 왜냐하면 등록시에는 id 에 값이 없다. 따라서 @NotNull id 를 적용한 것 때문에 검증에 실패하고 다시 폼 화면으로 넘어온다. 결국 등록 자체도 불가능하고, 수량 제한도 걸지 못한다.

  - 결과적으로 item 은 등록과 수정에서 검증 조건의 충돌이 발생하고, 등록과 수정은 같은 BeanValidation 을 적용할 수 없다. 이 문제를 어떻게 해결할 수 있을까?

 

 5.9 Bean Validation - groups

  - 동일한 모델 객체를 등록할 때와 수정할 때 각각 다르게 검증하는 방법을 알아보자.

 

  * 방법 2가지

   - BeanValidation의 groups 기능을 사용한다.

   - Item을 직접 사용하지 않고, ItemSaveForm, ItemUpdateForm 같은 폼 전송을 위한 별도의 모델 객체를 만들어서 사용한다.

 

  * BeanValidation groups 기능 사용

   - 이런 문제를 해결하기 위해 Bean Validation은 groups라는 기능을 제공한다.

   - 예를 들어서 등록시에 검증할 기능과 수정시에 검증할 기능을 각각 그룹으로 나누어 적용할 수 있다.

 

  * 저장용 groups 생성

package hello.itemservice.domain.item;

public interface UpdateCheck {
}

  - hello/itemservice/domain/item/UpdateCheck.java

  - 단순 인터페이스

 

* 수정용 groups 생성

package hello.itemservice.domain.item;

public interface SaveCheck {
}

  - hello/itemservice/domain/item/SaveCheck.java

  - 단순 인터페이스

 

  * groups 적용 방법

@NotNull(groups = UpdateCheck.class)        //수정 시 id값이 필수이므로 NotNull 추가
private Long id;

@NotBlank(groups = {SaveCheck.class, UpdateCheck.class})
private String itemName;

@NotNull(groups = {SaveCheck.class, UpdateCheck.class})
@Range(min=1000, max=1000000, groups = {SaveCheck.class, UpdateCheck.class})
private Integer price;

@NotNull(groups = {SaveCheck.class, UpdateCheck.class})
@Max(value = 9999, groups = SaveCheck.class)
private Integer quantity;

  - hello/itemservice/domain/item/Item.java

  - 필드 변수에 대해 groups 기능 적용

 

  * 관련 컨트롤러에 groups 적용

@PostMapping("/add")
public String addItem2(@Validated(value = SaveCheck.class) @ModelAttribute Item item, BindingResult bindingResult, RedirectAttributes redirectAttributes, Model model) {

    //ObjectError는 java에서 추가하는 것을 추천.
    if (item.getPrice() != null && item.getQuantity() != null) {
        int resultPrice = item.getPrice() * item.getQuantity();
        if (resultPrice < 10000) {
            bindingResult.reject("totalPriceMin", new Object[]{10000,
                    resultPrice}, null);
        }
    }

    ...

}


@PostMapping("/{itemId}/edit")
public String edit2(@PathVariable Long itemId, @Validated(value = {UpdateCheck.class}) @ModelAttribute Item item, BindingResult bindingResult) {

    //특정 필드 예외가 아닌 전체 예외
    if (item.getPrice() != null && item.getQuantity() != null) {
        int resultPrice = item.getPrice() * item.getQuantity();
        if (resultPrice < 10000) {
            bindingResult.reject("totalPriceMin", new Object[]{10000,
                    resultPrice}, null);
        }
    }
    
    ...

}

  - hello/itemservice/web/validation/ValidationItemControllerV3.java

  - 기존 등록/수정 폼에 groups 로직 적용

  - @Validated 부분에 (value = groupName.class) 사용

  - 참고로, @Valid 에는 groups를 적용할 수 있는 기능이 없다. 따라서 groups를 사용하려면 @Validated 를 사용해야 한다

  - groups 기능을 사용해서 등록과 수정시에 각각 다르게 검증을 할 수 있었다. 그런데 groups 기능을 사용하니 Item 은 물론이고, 전반적으로 복잡도가 올라갔다. 사실 groups 기능은 실제 잘 사용되지는 않는데, 그 이유는 실무에서는 주로 다음에 등장하는 등록용 폼 객체와 수정용 폼 객체를 분리해서 사용하기 때문이다

 

 5.10 Form 전송 객체 분리 - 프로젝트 준비 V4, 소개

  - 컨트롤러와 템플릿 파일을 복사해서 V4 생성

  - 실무에서는 groups 를 잘 사용하지 않는데, 그 이유가 다른 곳에 있다.

  - 바로 등록시 폼에서 전달하는 데이터가 Item 도메인 객체와 딱 맞지 않기 때문이다.

  - 소위 "Hello World" 예제에서는 폼에서 전달하는 데이터와 Item 도메인 객체가 딱 맞는다.

  - 하지만 실무에서는 회원 등록시 회원과 관련된 데이터만 전달받는 것이 아니라, 약관 정보도 추가로 받는 등 Item 과 관계없는 수 많은 부가 데이터가 넘어온다.

  - 그래서 보통 Item 을 직접 전달받는 것이 아니라, 복잡한 폼의 데이터를 컨트롤러까지 전달할 별도의 객체를 만들어서 전달한다.

  - 예를 들면 ItemSaveForm 이라는 폼을 전달받는 전용 객체를 만들어서 @ModelAttribute 로 사용한다.

  - 이것을 통해 컨트롤러에서 폼 데이터를 전달 받고, 이후 컨트롤러에서 필요한 데이터를 사용해서 Item 을 생성한다.

 

  * 폼 데이터 전달에 Item 도메인 객체 사용

   - HTML Form -> Item -> Controller -> Item -> Repository

     > 장점: Item 도메인 객체를 컨트롤러, 리포지토리 까지 직접 전달해서 중간에 Item을 만드는 과정이 없어서 간단하다.

     > 단점: 간단한 경우에만 적용할 수 있다. 수정시 검증이 중복될 수 있고, groups를 사용해야 한다

 

  * 폼 데이터 전달을 위한 별도의 객체 사용

   - HTML Form -> ItemSaveForm -> Controller -> Item 생성 -> Repository

     > 장점: 전송하는 폼 데이터가 복잡해도 거기에 맞춘 별도의 폼 객체를 사용해서 데이터를 전달 받을 수 있다.

                  보통 등록과, 수정용으로 별도의 폼 객체를 만들기 때문에 검증이 중복되지 않는다.  * 

     > 단점: : 폼 데이터를 기반으로 컨트롤러에서 Item 객체를 생성하는 변환 과정이 추가된다.

 

  * 수정의 경우 등록과 수정은 완전히 다른 데이터가 넘어온다.

   - 생각해보면 회원 가입시 다루는 데이터와 수정시 다루는 데이터는 범위에 차이가 있다.

   - 예를 들면 등록시에는 로그인id, 주민번호 등등을 받을 수 있지만, 수정시에는 이런 부분이 빠진다.

   - 그리고 검증 로직도 많이 달라진다. 그래서 ItemUpdateForm 이라는 별도의 객체로 데이터를 전달받는 것이 좋다.

   - Item 도메인 객체를 폼 전달 데이터로 사용하고, 그대로 쭉 넘기면 편리하겠지만, 앞에서 설명한 것과 같이 실무에서는 Item 의 데이터만 넘어오는 것이 아니라 무수한 추가 데이터가 넘어온다.

   - 그리고 더 나아가서 Item 을 생성하는데 필요한 추가 데이터를 데이터베이스나 다른 곳에서 찾아와야 할 수도 있다. 

   - 따라서 이렇게 폼 데이터 전달을 위한 별도의 객체를 사용하고, 등록, 수정용 폼 객체를 나누면 등록, 수정이 완전히 분리되기 때문에 groups 를 적용할 일은 드물다.

 

  * 네이밍 방법
   - 이름은 의미있게 지으면 된다. ItemSave 라고 해도 되고, ItemSaveForm , ItemSaveRequest , ItemSaveDto 등으로 사용해도 된다. 중요한 것은 일관성이다

 

  * 등록, 수정용 뷰 템플릿이 비슷한데 합치는게 좋을까요?

   - 한 페이지에 그러니까 뷰 템플릿 파일을 등록과 수정을 합치는게 좋을지 고민이 될 수 있다.

   - 각각 장단점이 있으므로 고민하는게 좋지만, 어설프게 합치면 수 많은 분기분(등록일 때, 수정일 때) 때문에 나중에 유지보수에서 고통을 맛본다. 이런 어설픈 분기분들이 보이기 시작하면 분리해야 할 신호이다.

 

 5.11 Form 전송 객체 분리 -  개발

  - 이제 Item 의 검증은 사용하지 않으므로 검증 코드를 제거해도 된다

 

package hello.itemservice.web.validation.form;

import lombok.Data;
import org.hibernate.validator.constraints.Range;

import javax.validation.constraints.Max;
import javax.validation.constraints.NotBlank;
import javax.validation.constraints.NotNull;

@Data
public class ItemSaveForm {

    @NotBlank
    private String itemName;

    @NotNull
    @Range(min=1000, max=1000000)
    private Integer price;

    @NotNull
    @Max(9999)
    private Integer quantity;

}

  - hello/itemservice/web/validation/form/ItemSaveForm.java

  - ITEM 저장용 폼

package hello.itemservice.web.validation.form;

import lombok.Data;
import org.hibernate.validator.constraints.Range;

import javax.validation.constraints.Max;
import javax.validation.constraints.NotBlank;
import javax.validation.constraints.NotNull;

@Data
public class ItemUpdateForm {

    @NotNull
    private Long id;

    @NotBlank
    private String itemName;

    @NotNull
    @Range(min=1000, max=1000000)
    private Integer price;

//    @NotNull
//    @Max(9999)
    private Integer quantity;

}

  - hello/itemservice/web/validation/form/ItemUpdateForm.java

  - ITEM 수정용 폼

 

 

@PostMapping("/add")
public String addItem(@Validated @ModelAttribute("item") ItemSaveForm form, BindingResult bindingResult, RedirectAttributes redirectAttributes, Model model) {
    //ModelAttribute() Item item -> @ModelAttribute("item") ItemSaveForm form 으로 변경
    //사용할 클래스가 ItemSaveForm이므로 ModelAttribute("item")으로 받아야한다. 그렇지 않으면 ModelAttribute("itemSaveForm") 으로 HTML에 넘어감

	...
    
    // 성공 로직
    //기존에 itemRepository.save(item) 으로 넘기던 것을 itemSaveForm으로 받게 되므로 model에 넘길 item을 생성해서 세팅 후 넘겨줘야함
    Item item = new Item();
    item.setItemName(form.getItemName());
    item.setPrice(form.getPrice());
    item.setQuantity(form.getQuantity());

    Item savedItem = itemRepository.save(item);
    redirectAttributes.addAttribute("itemId", savedItem.getId());
    redirectAttributes.addAttribute("status", true);
    return "redirect:/validation/v4/items/{itemId}";
}


@PostMapping("/{itemId}/edit")
public String edit(@PathVariable Long itemId, @Validated @ModelAttribute("item") ItemUpdateForm form, BindingResult bindingResult) {

    ...
    
    //뷰 템플릿에서 'item'으로 받을 수 있도록 객체를 넘겨줌
    Item item = new Item();
    item.setItemName(form.getItemName());
    item.setPrice(form.getPrice());
    item.setPrice(form.getQuantity());

    itemRepository.update(itemId, item);
    return "redirect:/validation/v4/items/{itemId}";
}

  - hello/itemservice/web/validation/ValidationItemControllerV4.java

  - 등록 / 수정용 Form 을 처리하기 위해 ControllerV4 변경

  - Item 대신에 ItemSaveform 을 전달 받는다. 그리고 @Validated 로 검증도 수행하고, BindingResult 로 검증 결과도 받는다.

 

  * @ModelAttribute("item") 에 item 이름을 넣어준 부분을 주의하자. 이것을 넣지 않으면 ItemSaveForm 의 경우 규칙에 의해 itemSaveForm 이라는 이름으로 MVC Model에 담기게 된다. 이렇게 되면 뷰 템플릿에서 접근하는 th:object 이름도 함께 변경해주어야 한다.

 

  * 등록 폼 객체 바인딩 

@PostMapping("/add")
public String addItem(@Validated @ModelAttribute("item") ItemSaveForm form, BindingResult bindingResult, RedirectAttributes redirectAttributes, Model model) {

  - Item 대신에 ItemSaveform 을 전달 받는다. 그리고 @Validated 로 검증도 수행하고, BindingResult 로 검증 결과도 받는다.

 

  * 폼 객체를 Item으로 변환

Item item = new Item();
item.setItemName(form.getItemName());
item.setPrice(form.getPrice());
item.setQuantity(form.getQuantity());

Item savedItem = itemRepository.save(item);

 

  - 폼 객체의 데이터를 기반으로 Item 객체를 생성한다.

  - 이렇게 폼 객체 처럼 중간에 다른 객체가 추가되면 변환하는 과정이 추가된다.

 

  * 수정 폼 객체 바인딩 

@PostMapping("/{itemId}/edit")
public String edit(@PathVariable Long itemId, @Validated @ModelAttribute("item") ItemUpdateForm form, BindingResult bindingResult) {

  - 수정의 경우도 등록 폼 처럼 바인딩 후 Item 객체로 변환하는 과정을 거친다.

  - Form 전송 객체 분리해서 등록과 수정에 딱 맞는 기능을 구성하고, 검증도 명확히 분리했다

 

 5.12 Bean Validation - HTTP 메시지 컨버터

  - @Valid , @Validated 는 HttpMessageConverter ( @RequestBody )에도 적용할 수 있다

  - @ModelAttribute 는 HTTP 요청 파라미터(URL 쿼리 스트링, POST Form)를 다룰 때 사용한다.

  - @RequestBody 는 HTTP Body의 데이터를 객체로 변환할 때 사용한다. 주로 API JSON 요청을 다룰 때 사용한다

 

package hello.itemservice.web.validation;

import hello.itemservice.web.validation.form.ItemSaveForm;
import lombok.extern.slf4j.Slf4j;
import org.springframework.validation.BindingResult;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@Slf4j
@RestController
@RequestMapping("/validation/api/items")
public class ValidationItemApiController {

    @PostMapping("/add")
    public Object addItem(@RequestBody @Validated ItemSaveForm form, BindingResult bindingResult) {

        log.info("API 컨트롤러 호출");

        if (bindingResult.hasErrors()) {
            log.info("검증 오류 발생 errors={}", bindingResult);
            return bindingResult.getAllErrors();
        }

        log.info("성공 로직 실행");
        
        return form;
    }
}

  - hello/itemservice/web/validation/ValidationItemApiController.java

  - postman을 통해 HTTP API 통신(JSON 통신)을 할 때 요청을 처리할 Controller 구혀

 

  * API의 경우 3가지 경우를 나누어 생각해야 한다.

   - 성공 요청: 성공

   - 실패 요청: JSON을 객체로 생성하는 것 자체가 실패함

   - 검증 오류 요청: JSON을 객체로 생성하는 것은 성공했고, 검증에서 실패함

 

  * 성공 요청

//Postman에서 Body raw JSON을 선택해야 한다.
POST http://localhost:8080/validation/api/items/add
{"itemName":"hello", "price":1000, "quantity": 10}

  * 성공 요청 로그

API 컨트롤러 호출
성공 로직 실행

 

  * 실패 요청

POST http://localhost:8080/validation/api/items/add
{"itemName":"hello", "price":"A", "quantity": 10}

  - Price에 숫자가 아닌 문자를 전달해서 실패처리 테스트 진행

 

  * 실패 요청 결과

{
    "timestamp": "2021-04-20T00:00:00.000+00:00",
        "status": 400,
        "error": "Bad Request",
        "message": "",
        "path": "/validation/api/items/add"
}

 

  * 실패 요청 로그

.w.s.m.s.DefaultHandlerExceptionResolver : Resolved
[org.springframework.http.converter.HttpMessageNotReadableException: JSON parse
error: Cannot deserialize value of type `java.lang.Integer` from String "A":
not a valid Integer value; nested exception is
com.fasterxml.jackson.databind.exc.InvalidFormatException: Cannot deserialize
value of type `java.lang.Integer` from String "A": not a valid Integer value
at [Source: (PushbackInputStream); line: 1, column: 30] (through reference
chain: hello.itemservice.domain.item.Item["price"])]

  - HttpMessageConverter 에서 요청 JSON을 ItemSaveForm 객체로 생성하는데 실패한다.

  - 이 경우는 ItemSaveForm 객체를 만들지 못하고 실패해버리기 때문에 컨트롤러 자체가 호출되지 않고 그 전에 예외가 발생한다. 물론 Validator도 실행되지 않는다

 

  * 검증 오류 요청

   - 이번에는 HttpMessageConverter 는 성공하지만 검증(Validator)에서 오류가 발생하는 경우를 확인해보자

//수량( quantity )이 10000 이면 BeanValidation @Max(9999) 에서 걸린다.
POST http://localhost:8080/validation/api/items/add
{"itemName":"hello", "price":1000, "quantity": 10000}

 

  * 검증 오류 결과

[
    {
        "codes": [
        "Max.itemSaveForm.quantity",
                "Max.quantity",
                "Max.java.lang.Integer",
                "Max"
 		],
        "arguments": [
            {
                "codes": [
                "itemSaveForm.quantity",
                        "quantity"
                ],
                "arguments": null,
                    "defaultMessage": "quantity",
                    "code": "quantity"
            },
            9999
 		],
        "defaultMessage": "9999 이하여야 합니다",
        "objectName": "itemSaveForm",
        "field": "quantity",
        "rejectedValue": 10000,
        "bindingFailure": false,
        "code": "Max"
    }
]

 

  - return bindingResult.getAllErrors(); 는 ObjectError 와 FieldError 를 반환한다. 스프링이 이 객체를 JSON으로 변환해서 클라이언트에 전달했다. 여기서는 예시로 보여주기 위해서 검증 오류 객체들을 그대로 반환했다.

  - 실제 개발할 때는 이 객체들을 그대로 사용하지 말고, 필요한 데이터만 뽑아서 별도의 API 스펙을 정의하고 그에 맞는 객체를 만들어서 반환해야 한다.

 

  * 검증 오류 요청 로그

API 컨트롤러 호출
검증 오류 발생, errors=org.springframework.validation.BeanPropertyBindingResult: 1
errors
Field error in object 'itemSaveForm' on field 'quantity': rejected value
[99999]; codes
[Max.itemSaveForm.quantity,Max.quantity,Max.java.lang.Integer,Max]; arguments
[org.springframework.context.support.DefaultMessageSourceResolvable: codes
[itemSaveForm.quantity,quantity]; arguments []; default message
[quantity],9999]; default message [9999 이하여야 합니다]

  - 로그를 보면 검증 오류가 정상 수행된 것을 확인할 수 있다.

 

  * @ModelAttribute vs @RequestBody

   - HTTP 요청 파리미터를 처리하는 @ModelAttribute 는 각각의 필드 단위로 세밀하게 적용된다.

   - 그래서 특정 필드에 타입이 맞지 않는 오류가 발생해도 나머지 필드는 정상 처리할 수 있었다.

   - HttpMessageConverter 는 @ModelAttribute 와 다르게 각각의 필드 단위로 적용되는 것이 아니라, 전체 객체 단위로 적용된다.

   - 따라서 메시지 컨버터의 작동이 성공해서 ItemSaveForm 객체를 만들어야 @Valid, @Validated 가 적용된다.

   - @ModelAttribute 는 필드 단위로 정교하게 바인딩이 적용된다. 특정 필드가 바인딩 되지 않아도 나머지 필드는 정상 바인딩 되고, Validator를 사용한 검증도 적용할 수 있다.

  - @RequestBody 는 HttpMessageConverter 단계에서 JSON 데이터를 객체로 변경하지 못하면 이후 단계 자체가 진행되지 않고 예외가 발생한다. 컨트롤러도 호출되지 않고, Validator도 적용할 수 없다.

 

  * 참고

   - HttpMessageConverter 단계에서 실패하면 예외가 발생한다. 예외 발생시 원하는 모양으로 예외를 처리하는 방법은 예외 처리 부분에서 다룬다

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 10

Spring 정리 2022. 6. 29. 22:19

인프런 강의 48일차.

 - 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술 1 (김영한 강사님)

 - 1편에서 배운 MVC를 활용할 수 있는 기술 습득

 - 타입 컨버터, 파일 업로드, 활용, 쿠키, 세션, 필터, 인터셉터, 예외 처리, 타임리프, 메시지, 국제화, 검증 등등

 

 * intelliJ 단축키

  - 사용할 클래스의 생성자 살펴보기 단축키 : Ctrl + P (Windows)

  - for문 자동 생성 : iter + tab   -> for(String msg : msgList) 가 자동 생성됨

  - for문 내에서 필드 출력 : soutv -> System.out.println("msg =  " + msg);가 자동 생성됨

 

 5.1 Bean Validation 소개

  - 검증 기능을 매번 코드로 작성하는 것은 상당히 번거롭다..

  - 일반적으로 특정 필드에 대한 검증은 대부분 빈 값인지, 특정 범위에 속하는지와 같은 일반적인 로직이 대부분이다.

  - 이러한 검증을 애노테이션을 사용해 처리하는 것이 Bean Validation

  - ex) @NotBlank, @NotNull, @Range(min=1000, max=100000), @Max(9999)...

 

  * Bean Validation 이란?

   - 먼저 Bean Validation은 특정한 구현체가 아니라 Bean Validation 2.0(JSR-380)이라는 기술 표준이다.

   - 검증 애노테이션과 여러 인터페이스의 모음이다.

   - ex) JPA가 표준 기술이고 그 구현체로 하이버네이트가 있는 것과 같다.

   - Bean Validation을 구현한 기술중에 일반적으로 사용하는 구현체는 하이버네이트 Validator이다.

   - 이름이 하이버네이트가 붙었지만 ORM과는 관련이 없다.

    > 하이버네이트 Validator 관련 링크 공식 사이트 : http://hibernate.org/validator/

    > 공식 메뉴얼 : https://docs.jboss.org/hibernate/validator/6.2/reference/en-US/html_single/

    > 검증 애노테이션 모음: https://docs.jboss.org/hibernate/validator/6.2/reference/en-US/ html_single/#validator-defineconstraints-spec

 

 5.2 Bean Validation 시작

  - Bean Validation 기능을 어떻게 사용하는지 순수한 Bean Validation 사용법 부터 알아보자.

 

  * Bean Validation 의존관계 추가

   - 의존관계 추가 : Bean Validation을 사용하려면 의존관계를 추가해야 한다

dependencies {
   ...
   implementation 'org.springframework.boot:spring-boot-starter-validation'
   ...
}

  - build.gradle에 spring-boot-starter-validation 추가

  - Jakarta Bean Validation

    > jakarta.validation-api : Bean Validation 인터페이스

    > hibernate-validator 구현체

 

  * Bean Validation 추가

package hello.itemservice.domain.item;

import lombok.Data;
import org.hibernate.validator.constraints.Range;

import javax.validation.constraints.Max;
import javax.validation.constraints.NotBlank;
import javax.validation.constraints.NotNull;

@Data
public class Item {

    private Long id;

    @NotBlank
    private String itemName;

    @NotNull
    @Range(min=1000, max=1000000)
    private Integer price;

    @NotNull
    @Max(9999)
    private Integer quantity;

    public Item() {
    }

    public Item(String itemName, Integer price, Integer quantity) {
        this.itemName = itemName;
        this.price = price;
        this.quantity = quantity;
    }
}

  - hello.itemservice.domain.item.Item.java

  - @NotBlank : 빈값 + 공백만 있는 경우를 허용하지 않는다.

  - @NotNull : null 을 허용하지 않는다.

  - @Range(min = 1000, max = 1000000) : 범위 안의 값이어야 한다.

  - @Max(9999) : 최대 9999까지만 허용한다

  - javax.validation 으로 시작하면 특정 구현에 관계없이 제공되는 표준 인터페이스(Max, NotBlank, NotNull...)이고, org.hibernate.validator 로 시작하면 하이버네이트 validator 구현체(Range)를 사용할 때만 제공되는 검증 기능이다.

  - 실무에서 대부분 하이버네이트 validator를 사용하므로 자유롭게 사용해도 된다.

 

* Bean Validator 테스트 생성

package hello.itemservice.validation;

import hello.itemservice.domain.item.Item;
import org.junit.jupiter.api.Test;

import javax.validation.ConstraintViolation;
import javax.validation.Validation;
import javax.validation.Validator;
import javax.validation.ValidatorFactory;
import java.util.Set;

public class BeanValidationTest {

    @Test
    void beanValidation () {
    	//검증기 생성 (스프링과 통합하면 이렇게 직접 선언할 필요가 없다.)
        ValidatorFactory validatorFactory = Validation.buildDefaultValidatorFactory();
        Validator validator = validatorFactory.getValidator();
        Item item = new Item();
        item.setItemName(" ");  //공백
        item.setPrice(0);       //100 이하
        item.setQuantity(10000);    //9999이상

        //검증 실행 (validate)
        Set<ConstraintViolation<Item>> violations = validator.validate(item);
        for (ConstraintViolation<Item> violation : violations) {
            System.out.println("violation = " + violation);
            System.out.println("violation = " + violation.getMessage());
        }
        
        /*
        실행결과
        violation = ConstraintViolationImpl{interpolatedMessage='9999 이하여야 합니다', propertyPath=quantity, rootBeanClass=class hello.itemservice.domain.item.Item, messageTemplate='{javax.validation.constraints.Max.message}'}
        violation = 9999 이하여야 합니다
        violation = ConstraintViolationImpl{interpolatedMessage='1000에서 1000000 사이여야 합니다', propertyPath=price, rootBeanClass=class hello.itemservice.domain.item.Item, messageTemplate='{org.hibernate.validator.constraints.Range.message}'}
        violation = 1000에서 1000000 사이여야 합니다
        violation = ConstraintViolationImpl{interpolatedMessage='공백일 수 없습니다', propertyPath=itemName, rootBeanClass=class hello.itemservice.domain.item.Item, messageTemplate='{javax.validation.constraints.NotBlank.message}'}
        violation = 공백일 수 없습니다
        */

    }
}

  - hello.itemservice.validation.BeanValidationTest.java

  - 검증 실행 :  검증 대상( item )을 직접 검증기에 넣고 그 결과를 받는다.

  - Set 에는 ConstraintViolation 이라는 검증 오류가 담긴다. 따라서 결과가 비어있으면 검증 오류가 없는 것이다.

  - Bean Validation를 직접 사용하는 방법을 알아보았다.

  - 아마 지금까지 배웠던 스프링 MVC 검증 방법에 빈 검증기를 어떻게 적용하면 좋을지 여러가지 생각이 들 것이다.

  - 스프링은 이미 개발자를 위해 빈 검증기를 스프링에 완전히 통합해두었다.

 

 5.3 Bean Validation - 프로젝트 준비 V3

  - 앞서 만든 기능을 유지하기 위해, 컨트롤러와 템플릿 파일을 복사하자.

  - ValidationItemControllerV2를 복사해서 ValidationItemControllerV3 컨트롤러 생성

  - /resources/templates/validation/v2/ 복사해서 v3 생성

    > 복사 후 파일 내부의 url도 같이 변경해주어야한다. (Ctrl + R, Ctrl + Shift + R)

 

 5.4 Bean Validation - 스프링 적용

  - ValidationItemControllerV3 수정해서 Bean Validation 적용

package hello.itemservice.web.validation;

import hello.itemservice.domain.item.Item;
import hello.itemservice.domain.item.ItemRepository;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.util.StringUtils;
import org.springframework.validation.BindingResult;
import org.springframework.validation.FieldError;
import org.springframework.validation.ObjectError;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.WebDataBinder;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.servlet.mvc.support.RedirectAttributes;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

@Slf4j
@Controller
@RequestMapping("/validation/v3/items")
@RequiredArgsConstructor
public class ValidationItemControllerV3 {

    
    private final ItemRepository itemRepository;

    @GetMapping
    public String items(Model model) {
        List<Item> items = itemRepository.findAll();
        model.addAttribute("items", items);
        return "validation/v3/items";
    }

    @GetMapping("/{itemId}")
    public String item(@PathVariable long itemId, Model model) {
        Item item = itemRepository.findById(itemId);
        model.addAttribute("item", item);
        return "validation/v3/item";
    }

    @GetMapping("/add")
    public String addForm(Model model) {
        model.addAttribute("item", new Item());
        return "validation/v3/addForm";
    }

    @PostMapping("/add")
    public String addItem(@Validated @ModelAttribute Item item, BindingResult bindingResult, RedirectAttributes redirectAttributes, Model model) {
        // 검증에 실패하면 다시 입력 폼으로 redirect
        if(bindingResult.hasErrors()){   //!errors.isEmpty() -> bindingResult.hasErrors() 로 변경
            //검증 실패 시 model에 errors를 담고 입력폼이 있는 뷰 템플릿으로 보낸다.
            log.info("errors = {} ", bindingResult);
            return "validation/v3/addForm";
        }

        // 성공 로직
        Item savedItem = itemRepository.save(item);
        redirectAttributes.addAttribute("itemId", savedItem.getId());
        redirectAttributes.addAttribute("status", true);
        return "redirect:/validation/v3/items/{itemId}";
    }

    @GetMapping("/{itemId}/edit")
    public String editForm(@PathVariable Long itemId, Model model) {
        Item item = itemRepository.findById(itemId);
        model.addAttribute("item", item);
        return "validation/v3/editForm";
    }

    @PostMapping("/{itemId}/edit")
    public String edit(@PathVariable Long itemId, @ModelAttribute Item item) {
        itemRepository.update(itemId, item);
        return "redirect:/validation/v3/items/{itemId}";
    }



}

  - hello/itemservice/web/validation/ValidationItemControllerV3.java

  - 로직의 수정은 없고, addItemV1 ~ V5삭제, 이전 강의에서 새로 만든 ItemValidator 선언부 제거

  - 그럼에도 불구하고 정상적으로 동작한다.

  - @Validated 덕분. 해당 애노테이션이 붙어있으면 Spring의 Validator가 자동으로 동작한다.

 

  * 스프링 MVC는 어떻게 Bean Validator를 사용하는지?

   - 스프링 부트가 spring-boot-starter-validation 라이브러리를 넣으면 자동으로 Bean Validator를 인지하고 스프링에 통합한다. 그 후 스프링 부트는 자동으로 글로벌 Validator로 등록한다. LocalValidatorFactoryBean 을 글로벌 Validator로 등록한다.

   - 이 Validator는 @NotNull 같은 애노테이션을 보고 검증을 수행한다. 이렇게 글로벌 Validator가 적용되어 있기 때문에, @Valid , @Validated 만 적용하면 된다.

   - 검증 오류가 발생하면, FieldError , ObjectError 를 생성해서 BindingResult 에 담아준다.

   - 참고로, 직접 글로벌 Validator를 직접 등록하면 스프링 부트는 Bean Validator를 글로벌 Validator 로 등록하지 않는다. 따라서 애노테이션 기반의 빈 검증기가 동작하지 않기 때문에 글로벌 Validator는 조심해서 사용하자.

 

  * 검증시 @Validated @Valid 둘다 사용가능하다.

   - javax.validation.@Valid 를 사용하려면 build.gradle 의존관계 추가가 필요하다.

   - implementation 'org.springframework.boot:spring-boot-starter-validation'

   - @Validated 는 스프링 전용 검증 애노테이션이고, @Valid 는 자바 표준 검증 애노테이션이다. 둘중 아무거나 사용해도 동일하게 작동하지만, @Validated 는 내부에 groups 라는 기능을 포함하고 있다.

 

  * 검증 순서

   - 1. @ModelAttribute 각각의 필드에 타입 변환 시도

     > 1.1. 성공하면 다음으로

     > 1.2. 실패하면 typeMismatch 로 FieldError 추가

   - 2. Validator 적용

 

  * 바인딩에 성공한 필드만 Bean Validation 적용

   - BeanValidator는 바인딩에 실패한 필드는 BeanValidation을 적용하지 않는다.

   - 타입 변환에 성공해서 바인딩에 성공한 필드여야 BeanValidation 적용이 의미 있다.

   - 모델 객체에 바인딩 받는 값이 정상으로 들어와야 검증도 의미가 있다.

  > @ModelAttribute -> 각각의 필드 타입 변환시도 -> 변환에 성공한 필드만 BeanValidation 적용

  > itemName에 "A" 입력 -> 타입 변환 성공 -> itemName 필드에 BeanValidation 적용

  > price에 "A" 입력 ->  "A"를 숫자 타입 변환 실패 -> typeMismatch FieldError 추가 -> price 필드는 BeanValidation 적용 X

 

 5.5 Bean Validation - 에러 코드

  - Bean Validation이 기본으로 제공하는 오류 메시지를 좀 더 자세히 변경하고 싶으면 어떻게 하면 될까?

  - Bean Validation을 적용하고 bindingResult 에 등록된 검증 오류 코드를 보자.

  - 오류 코드가 애노테이션 이름으로 등록된다. 마치 typeMismatch 와 유사하다.

 

  * NotBlank 라는 오류 코드를 기반으로 MessageCodesResolver 를 통해 다양한 메시지 코드가 순서대로 생성된다

  * @NotBlank

   - NotBlank.item.itemName

   - NotBlank.itemName

   - NotBlank.java.lang.String

   - NotBlank

 

  * @Range

   - Range.item.price

   - Range.price

   - Range.java.lang.Integer

   - Range

 

  * 메시지 등록

#Bean Validation 추가
NotBlank={0} 공백X
Range={0}, {2} ~ {1} 허용
Max={0}, 최대 {1}

  - resources/erros.properties

  - Validator에 관련된 메시지 적용

 

  * BeanValidation 메시지 찾는 순서

   - 1. 생성된 메시지 코드 순서대로 messageSource 에서 메시지 찾기

   - 2. 애노테이션의 message 속성 사용 -> @NotBlank(message = "공백! {0}")

   - 3. 라이브러리가 제공하는 기본 값 사용 -> 공백일 수 없습니다.

 

@NotBlank(message = "공백은 입력할 수 없습니다.")
private String itemName;

  - 애노테이션의 message 사용 방법