스프링 MVC 동작 원리(1) : 스프링 MVC 소개

자바 엔터프라이즈 에디션(Jave EE)은 웹 애플리케이션을 개발할 수 있는 HTTP Servlet(이하 서블릿)이라는 스팩과 API를 제공한다. 스프링 MVC는 서블릿 API 기반 애플리케이션을 개발할 때 보다 쉽고 빠르게 개발할 수 있는 프레임워크를 제공하여 개발자가 서블릿 API 보다는 애플리케이션 로직에 집중할 수 있도록 도와준다. 현재 많은 회사에서 스프링 MVC 기반으로 엔터프라이즈 애플리케이션을 개발하고 배포하며 운영하고 있다.

1. 스프링 MVC 소개

M: 모델
V: 뷰
C: 컨트롤러

모델 : 평범한 자바 객체 POJO
뷰 : HTML. JSP, 타임리프, ...
컨트롤러 : 스프링 @MVC

모델 : 도메인 객체 또는 DTO로 화면에 전달할 또는 화면에서 전달 받은 데이터를 담고 있는 객체.
뷰: 데이터를 보여주는 역할. 다양한 형태로 보여줄 수 있다. HTML, JSON, XML, ...
컨트롤러 : 사용자 입력을 받아 모델 객체의 데이터를 변경하거나, 모델 객체를 뷰에 전달하는 역할.
- 입력값 검증
- 입력 받은 데이터로 모델 객체 변경
- 변경된 모델 객체를 뷰에 전달

모델

@Getter @Setter
@Builder @NoArgsConstructor @AllArgsConstructor
public class Event {

    private String name;

    private int limitOfEnrollment;

    private LocalDateTime startDateTime;

    private LocalDateTime endDateTime;

}

컨트롤러

@Controller
public class EventController {

    @Autowired
    EventService eventService;

    //@RequestMapping(value = "/events", method = RequestMethod.GET)
    @GetMapping(value = "/events")
    public String events(Model model){
        model.addAttribute("events", eventService.getEvents());
        return "events";
    }
}

서비스

@Service
public class EventService {

    public List<Event> getEvents(){
        Event event1 = Event.builder()
                .name("스프링 웹 MVC 스터디 1차")
                .limitOfEnrollment(5)
                .startDateTime(LocalDateTime.of(2019, 1, 10, 10, 0))
                .endDateTime(LocalDateTime.of(2019, 1, 12, 10, 0))
                .build();

        Event event2 = Event.builder()
                .name("스프링 웹 MVC 스터디 2차")
                .limitOfEnrollment(5)
                .startDateTime(LocalDateTime.of(2019, 1, 17, 10, 0))
                .endDateTime(LocalDateTime.of(2019, 1, 17, 10, 0))
                .build();

        return List.of(event1, event2);
    }
}

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>이벤트 목록</h1>
    <table>
        <tr>
            <th>이름</th>
            <th>참가 인원</th>
            <th>시작</th>
            <th>종료</th>
        </tr>
        <tr th:each="event: ${events}">
            <td th:text="${event.name}">이벤트 이름</td>
            <td th:text="${event.limitOfEnrollment}">100</td>
            <td th:text="${event.startDateTime}">2019년 1월 10일 오전 10시</td>
            <td th:text="${event.endDateTime}">2019년 1월 10일 오전 12시</td>
        </tr>
    </table>
</body>
</html>

MVC 패턴의 장점

  • 동시 다발적(Simultaneous) 개발 - 백엔드 개발자와 프론트엔드 개발자가 독립적으로 개발을 진행할 수 있다.
  • 높은 응집도 - 논리적으로 관련있는 기능을 하나의 컨트롤러로 묶거나, 특정 모델과 관련있는 뷰를 그룹화 할 수 있다.
  • 낮은 결합도 - 뷰, 모델, 컨트롤러는 각각 독립적이다.
  • 개발 용이성 - 책임이 구분되어 있어 코드 수정하는 것이 편하다.
  • 한 모델에 대한 여러 형태의 뷰를 가질 수 있다.

MVC 패턴의 단점

  • 코드 네비게이션 복잡함
  • 코드 일관성 유지에 노력이 필요함
  • 높은 학습 곡선

참고

좋은 웹페이지 즐겨찾기