예시를 통해 알아보는 MVC 패턴 총정리 (RequestMapping, addAttribute)

스프링

예시를 통해 알아보는 MVC 패턴 총정리 (RequestMapping, addAttribute)

JANNNNNN 2024. 4. 2. 13:47

🤨MVC패턴이란?

MVC(Mode-View-Controller)는 소프트웨어 디자인 패턴으로, 사용자 인터페이스를 구성하는 데 널리 사용됩니다.

이 패턴은 애플리케이션을 세 가지 주요 부분으로 나누어 개발하는 방법을 제시합니다!

Controller (컨트롤러):

컨트롤러는 모델과 뷰를 연결하는 중간 역할을 합니다.
클라이언트로부터 요청이 오면 웹 애플리케이션의 Controller가 이를 받아들입니다. Controller는 요청을 분석하고, 필요한 처리를 위해 Service나 Repository 등의 다른 컴포넌트와 상호 작용할 수 있습니다.
위와같이 사용자의 요청을 받아 해당 요청에 대한 처리를 수행하고, 결과를 모델에 전달합니다.
모델로부터 받은 데이터를 적절한 뷰로 보내 사용자에게 응답을 제공합니다.

@RequestMapping

Spring MVC에서 특정 URL에 대한 요청을 처리할 메소드에 부여하는 어노테이션입니다.
이 어노테이션을 사용하여 어떤 요청이 들어왔을 때 어떤 메소드가 처리할지를 지정할 수 있습니다.
주로 클래스나 메소드 레벨에서 사용되며, URL 패턴이나 HTTP 요청 메소드(get,post,delete ...) 등을 지정할 수 있습니다.

model.addAttribute()

Spring MVC에서 컨트롤러(Controller)에서 뷰(View)로 데이터를 전달할 때 사용하는 메소드입니다.
이 메소드를 사용하여 모델에 속성을 추가하고, 이 속성은 뷰에서 사용될 수 있습니다.
주로 컨트롤러에서 처리한 결과나 사용자에게 표시할 정보를 모델에 추가하는 데 사용됩니다.

Service

Controller에서 Service로 요청을 전달하고 Controller는 비즈니스 로직의 처리를 위해 Service를 호출합니다.
Service는 해당 요청에 필요한 비즈니스 로직을 수행하고, 데이터 처리를 위해 Repository와 협력합니다.

Repository

Service는 Repository를 사용하여 데이터에 접근합니다.
Repository는 데이터베이스와의 상호 작용을 추상화한 인터페이스로, 데이터를 저장하고 조회하는 등의 기능을 제공합니다.
JPA를 상속받기 때문에 JPA를 사용합니다.

⏩Repository를 통해 데이터에 접근한 후, Service는 해당 데이터를 가공하거나 필요한 형태로 변환한 후, Controller에 반환합니다. Controller는 이를 다시 클라이언트로 응답하여 요청에 대한 처리를 마무리합니다.

Model (모델):

모델은 애플리케이션의 데이터와 비즈니스 로직을 나타냅니다.
데이터베이스의 테이블과 매핑되는 클래스로 구현될 수 있습니다.
주로 데이터의 구조를 정의하고, 데이터를 처리하는 비즈니스 로직을 포함합니다.

View (뷰):

뷰는 사용자에게 데이터를 시각적으로 표현하여 보여줍니다.
HTML, CSS, JavaScript 등을 사용하여 웹 페이지를 구성하고, 모델에서 받아온 데이터를 표시합니다.
주로 사용자 인터페이스(UI)를 생성하고 사용자에게 정보를 표시하는 역할을 합니다.

😒MVC패턴을 왜 사용해야하나요?

1. 가장 큰 이유는 MVC패턴을 사용하면 코드의 구조가 명확해져 유지보수가 쉬워지기 때문입니다.

2. 또한, 각 부분이 명확하게 구성되어 있어 코드의 가독성이 좋습니다.

3. 각 부분이 독립적으로 구성되어 있어 테스트 할 때에도 분리하여 테스트할 수 있으므로 테스트에 용이합니다.

4. 개발자들이 개별적으로 동시에 협업해 개발하기에 좋습니다.

예시를 통해 알아볼까요?

1. Model

public class User {
    private Long id;
    private String username;
    private String email;
    // 기타 필요한 속성들...

    // 생성자, getter, setter 등의 메소드는 생략하였습니다.
}

2. Controller

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/user")
public class UserController {

    @Autowired
    private UserService userService;

    @GetMapping("/profile")
    public String showUserProfile(Model model) {
        // 사용자 정보 조회
        User user = userService.getUserProfile();
        // View로 전달할 데이터 설정
        model.addAttribute("user", user);
        // View 이름 반환
        return "userProfilePage";
    }
}

(Model model)을 쓰는 이유

⏩Controller 메소드의 매개변수로 Model model을 선언하면, 스프링 프레임워크가 자동으로 Model 객체를 생성하여 해당 메소드에 전달합니다. 이 Model 객체에 데이터를 추가하면, 이 데이터는 뷰에서 접근할 수 있게 됩니다.

간단하게 말하자면, Model model은 컨트롤러에서 뷰로 데이터를 전달하기 위한 수단이라고 할 수 있습니다. 데이터를 Model에 추가하면 이를 뷰에서 사용할 수 있게 되며, 이를 통해 사용자에게 동적인 콘텐츠를 제공할 수 있습니다.

2-1. Service

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

@Service
public class UserService {

    @Autowired
    private UserRepository userRepository;

    public User getUserProfile() {
        // 사용자 정보를 데이터베이스에서 조회
        return userRepository.findById(1L).orElse(null);
    }
}

2-2. Repository

import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.stereotype.Repository;

@Repository
public interface UserRepository extends JpaRepository<User, Long> {
    // 추가적인 메소드가 필요하다면 여기에 추가할 수 있습니다.
}

3. View(userProfilePage.jsp) - Thymeleaf

<!DOCTYPE html>
<html>
<head>
    <title>User Profile</title>
</head>
<body>
    <h1>User Profile</h1>
    <p>User ID: ${user.id}</p>
    <p>Username: ${user.username}</p>
    <p>Email: ${user.email}</p>
</body>
</html>

model.attribute로 user를 view에 전달한 덕분에 user.id, username, email를 사용할 수 있는 것!