2. 🧑‍💻 MVC와 템플릿 엔진

윤한영·2025년 4월 4일

Spring

목록 보기

3/6

MVC와 템플릿 엔진

MVC는 Model, View, Controller의 약자로, 애플리케이션을 구성하는 주요 역할을 분리한 아키텍처 패턴입니다.

패턴을 가지고 역할을 나누는 이유

관심사의 분리(Separation of Concerns, SoC)

각각의 역할을 독립적으로 나누어, 코드 간의 영향도를 줄이는 것이 핵심입니다.

예를 들어

UI(화면 표시) → 사용자 인터페이스 관련 코드만 다룸
비즈니스 로직 → 데이터 처리, 계산, 규칙 적용 등 핵심 로직 담당
데이터 접근 → DB와의 연결 및 데이터 저장 처리

✅ 장점

유지보수성 증가
재사용성 증가
테스트 용이성 증가 ...

⚙️ 동작방식

이미지 출처: 인프런 강의(스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술)

사용자가 웹 브라우저에서 localhost:8080/hello-mvc와 같은 요청을 보냄
톰캣이 요청을 받고, Controller에 매핑된 경로가 있는지 확인
✅ 경로가 있다면 → return "템플릿 이름"으로 반환
ViewResolver가 해당 템플릿 파일을 찾아 HTML로 변환
변환된 HTML이 브라우저에 출력됨

🛠️ 테스트 방법

파일 생성(hello-template.html)

<!-- src/main/resources/templages/ 아래에 파일 생성 -->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Hello Template</title>
</head>
<body>
<p th:text="'hello '+ ${name}">hello Empty</p>    <!-- 해당 코드는 Thymeleaf 문법인데 아래 참고 항목 링크 확인 부탁드립니다. -->
</body>
</html>

controller 패키지 생성 및 파일 생성

/*
    1. 프로젝트 아래에 controller 패키지 생성
    2. 'HelloController'라는 이름으로 클래스 생성
*/

Controller에 코드 추가(HelloController.java)

/* 2. 템플릿 엔진 방식 */
@GetMapping("hello-mvc")
public String helloMvc(@RequestParam(value = "name", required = true) String name, Model model) {
    model.addAttribute("name", name);
    return "hello-template";
}

브라우저에서 localhost:8080/hello-mvc?name=원하는이름 호출
결과확인

참고
Thymeleaf 사용법 정리

윤한영

이전 포스트

1. 🌱 Spring 공부하기

다음 포스트

2. 🧑‍💻 MVC와 템플릿 엔진

Spring

MVC와 템플릿 엔진

패턴을 가지고 역할을 나누는 이유

예를 들어

✅ 장점

⚙️ 동작방식

🛠️ 테스트 방법

1. 🌱 Spring 공부하기

3. 🌐 API 방식

0개의 댓글