[62] 230328 Spring: 스프링에 MVC 중 C(컨트롤러) 응용하기, MVC 구조 이해 [K-디지털 트레이닝 62일]

230328 Tue 62nd class

Ch. 18 MVC 패턴 구현
진도: Ch. 18 MVC 패턴 구현에 기반한 자체 수업 (교재: 최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지, 저자: 최범균)
책 예제 코드: https://github.com/madvirus/jsp23
저자 블로그: https://javacan.tistory.com/

최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지 | 최범균 - 교보문고

---

오늘 배운 것 중 기억할 것을 정리했다.

---

http://localhost:8080/ -> Controller -> View(/WEB-INF/views/home.jsp)

public String home(				) {
		return "home"; // /WEB-INF/views/home.jsp
	}

http://localhost?id=aaaa&password=1234 --> Controller(Homecontroller) --> View(/WEB-INF/views/home.jsp)

public String home(String id, String password) {
		return "home"; // /WEB-INF/views/home.jsp
	}

스프링은 자동 수집해준다. (자바는 두 개만 일치시켜주면 된다.) 
home은 자바의 메서드이다. 메서드가 이런 식으로 활용된다.

---

코드) HomeController.java

package org.hj.controller;

import java.util.Locale;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class HomeController {
	
	@RequestMapping(value = "/", method = RequestMethod.GET)
// 접근제어자  반환타입  메서드명(매개변수, 매개변수)
//public 접근 제한자, String 리턴 타입, home 메서드, (매개변수타입,매개변수명)
	public String home(Locale locale, Model model) { //지금은 쓰임이 없다. (그냥 있는 것.)
		return "home"; //home이라는 메서드를 실행한다. //메모장의 URL주소가 호출한 것이다. 
						// /WEB-INF/views/home.jsp
	}
	@RequestMapping(value = "/drop", method = RequestMethod.GET)
	// 접근제어자  반환타입  메서드명(매개변수, 매개변수)
		public String drop() {
			return "drop";
		}
}

---

순서대로 C(org.hj.controller), M(org.hj.model), V(views)이다. 

---

http://localhost?id=aaaa&password=1234 --> Controller(Homecontroller) --> View(/WEB-INF/views/home.jsp)
(모델을 사용하지 않은 방식)

public String home(String id, String password) {
		return "home"; // /WEB-INF/views/home.jsp
	}

http://localhost?id=aaaa&password=1234 --> Controller(Homecontroller) --> View(/WEB-INF/views/home.jsp)

public String home(LoginVO log) {
		return "home"; // /WEB-INF/views/home.jsp
	}

id는 public void setId(String id) 코드에, password는 public void setPassword(String password) 코드와 연결된다.  

큰 데이터를 다룰 때는 위 방식보다는 아래 방식으로 해야 효율적이고, 메모리 절약이 된다. 
MVC 중에서 Model을 쓰는 이유이다. :)

코드) src/main/java/org.hj.model LoginVO.java

public class LoginVO {


	private String id;
	private String password;
    
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
}

---

웹 디자이너(V), 웹 개발자(M, C)가 동시에 일하게 한다.
Updates: 사용자가 www.naver.com  URL 쓴다.
모델은 필수가 아니다. (데이터 실을 게 없으면 그냥 간다.)

---

지금 파일에서는 3.0이상으로 지정되어 있어서 변경할 건 없다.
코드) pom.xml 일부

		<!-- Servlet -->
		<!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
		<dependency>
		    <groupId>javax.servlet</groupId>
		    <artifactId>javax.servlet-api</artifactId>
		    <version>3.1.0</version>
		    <scope>provided</scope>
		</dependency>

---

어제 한 내용인데 첫번째 방식을 선택했었고, 둘 중 하나의 방식으로 프로젝트의 경로를 변경한면 된다.

---

Spring MVC만 신경쓴다.

일일이 다 설정해야하는 JSP와는 다르게 스프링은 환경 설정이 다 맞춰져있다. 
우리는 두번째 단계의 Spring MVC만 신경쓰면 된다. 

---

1. Request 앞에는 사용자 화면이 있다. 사용자 화면 -> 1. request 
일일이 JSP의 request.getParameter() 안 해도 된다. 참고: https://chan-t-story.tistory.com/16
Request처리 한 게 Controller 안에 들어가있다. 
여기서는 매개 변수만 일치시키면 된다. 

어떤 모델인지 매개 변수에 언급하면 된다. (변수 이름 맞춰준다.) 
데이터 실을 게 없으면 바로 View로 가면 된다. (모델 없어도 된다.)

---

스프링에는 자동으로 다 되어있다.

---

DI(Dependency Injection) - 스프링이 객체를 대신 생성하여 주입한다.

@Autowired

객체를 주입하기 위해 사용하는 스프링의 애너테이션이다. 객체를 주입하는 방식에는 @Autowired 외에 Setter 또는 생성자를 사용하는 방식이 있다. 순환참조 문제와 같은 이유로 @Autowired 보다는 생성자를 통한 객체 주입방식이 권장된다. 하지만 테스트 코드의 경우에는 생성자를 통한 객체의 주입이 불가능하므로 테스트 코드 작성시에만 @Autowired를 사용하고 실제 코드 작성시에는 생성자를 통한 객체 주입방식을 사용하겠다.

참고 https://wikidocs.net/160890

---

어노테이션(@, annotation)이란?

Annotation은 Java5부터 새롭게 추가된 문법요소이다.
사전적으로는 "주석"이라는 의미를 가지고 있으며, 자바 코드에 @를 이용해 주석처럼 달아 특수한 의미를 부여해준다.
프로그램 코드의 일부가 아닌 프로그램에 관한 데이터를 제공하고, 코드에 정보를 추가하는 정형화된 방법이다.
어노테이션을 사용하면 코드가 깔끔해지고 재사용이 가능하다.
참고

어노테이션의 예시가 아래에 있다. ex) Controller, RequestMapping
코드) HomeController.java

@Controller //Controller 어노테이션
public class HomeController {
	
	@RequestMapping(value = "/", method = RequestMethod.GET) //RequestMapping 어노테이션
	public String home(Locale locale, Model model) { 
		return "home"; //home이라는 메서드를 실행한다. //메모장의 URL주소가 호출한 것이다. 
						// /WEB-INF/views/home.jsp
	}

예시) 어노테이션을 사용하면 각자 어떤 클래스인지 알 수 있다.
컨트롤러, 모델 등을 담당하는 각자의 클래스를 구분하기 위해 어노테이션을 사용한다.

package org.hj.controller;

@Controller
public class A { //클래스 - controller 역할을 하는 클래스
	
	@RequestMapping(value = "/", method = RequestMethod.GET)
	public String home(Locale locale, Model model) { 
		return "home";// /WEB-INF/views/home.jsp
	}
}    

@Service
public class B { //클래스 - service 역할을 하는 클래스
	
    BoardMapper bm; //board 테이블 mapper
    BoardAttachMapper bam; //attach 테이블 mapper
    
	}

컨트롤러는 아래와 같다. 
코드) servlet-context.xml 일부
<beans> ... </beans> 안에 등록을 했다.

<beans:beans xmlns="http://www.springframework.org/schema/mvc"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:beans="http://www.springframework.org/schema/beans"
	xmlns:context="http://www.springframework.org/schema/context"
	xsi:schemaLocation="http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd
		http://www.springframework.org/schema/beans https://www.springframework.org/schema/beans/spring-beans.xsd
		http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd">

	<context:component-scan base-package="org.hj.controller" />

</beans:beans>

프론트 쪽이 sevlet-context.xml
백엔드 쪽이 root-context.xml이다.

---

RequestMapping의 예시를 볼 수 있다.

두 개의 방식은 같다. 

package org.hj.controller;

@Controller
@RequestMapping(value = "sample") // 위 슬라이드 쇼에 있는 방식
public class A { //클래스 - controller 역할을 하는 클래스
	@RequestMapping(value = "aaa", method = RequestMethod.GET)
	public String home(Locale locale, Model model) { 
		return "home";// /WEB-INF/views/home.jsp
	}
}    

@Controller
public class A { //클래스 - controller 역할을 하는 클래스
	@RequestMapping(value = "sample/aaa", method = RequestMethod.GET)
	public String home(Locale locale, Model model) { 
		return "home";// /WEB-INF/views/home.jsp
	}
}

---

축약해서 사용 가능하다. 

package org.hj.controller;

@Controller
@RequestMapping(value = "sample") // 위 슬라이드 쇼에 있는 방식
public class A { //클래스 - controller 역할을 하는 클래스
    //@RequestMapping(value = "aaa", method = RequestMethod.GET)
    @GetMapping(value = "aaa")
    public String home(Locale locale, Model model) { 
        return "home";// /WEB-INF/views/home.jsp
    }
}    

public class A { //클래스 - controller 역할을 하는 클래스
    //@RequestMapping(value = "aaa", method = RequestMethod.POST) 또는 아래 방식
    @POSTMapping(value = "aaa")
    public String home(Locale locale, Model model) { 
        return "home";// /WEB-INF/views/home.jsp
    }
}

---

ex01 메서드의 파라미터를 이용하면 따로 request.getParameter() 할 필요없이 자동으로 데이터를 수집하고 변환한다.

코드) LoginVO.java
직접적으로 접근이 안 되니, 간접적으로 접근하는 걸 만들었다.

package org.hj.model;

public class LoginVO {

	private String id;
	private String password;
	private String addr;
	private String phone;
	private String email;
	private String name;
	private int age;
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	public String getAddr() {
		return addr;
	}
	public void setAddr(String addr) {
		this.addr = addr;
	}
	public String getPhone() {
		return phone;
	}
	public void setPhone(String phone) {
		this.phone = phone;
	}
	public String getEmail() {
		return email;
	}
	public void setEmail(String email) {
		this.email = email;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public int getAge() {
		return age;
	}
	public void setAge(int age) {
		this.age = age;
	}
	
	@Override
	public String toString() {
		return "LoginVO [id=" + id + ", password=" + password + ", addr=" + addr + ", phone=" + phone + ", email="
				+ email + ", name=" + name + ", age=" + age + "]";
	}
}

---

@RequestParam("ids")는 빼도 된다.

자바에는 두 가지 종류의 배열이 있다.
1. 고정 배열

int[]score = new int[5];

고정 배열의 단점: 메모리 낭비

2. 가변 배열

ArrayList<Integer> score = new ArrayList<Integer>

가변 배열의 장점: 메모리 낭비 방지, 부족한 수도 저장할 수 있게 한다.

Array: 자동 정렬 기능이 있다. 검색은 느리다는 단점이 있다. 

Hashing map: 자동 정렬 기능은 없지만 각 키에 대한 값을 저장한다. 
인덱스가 키이므로 (ex. a, b, c, d) 키를 이용해서 검색이 용이하다.

---

Model model: 모델 클래스를 선언했다.
model.addAttribute: 모델 클래스를 사용한다.

Model: 컨트롤러에 생성된 데이터를 JSP로 전달하는 객체

Model: 서버에서 화면으로 데이터를 전달한다. (화면에 뿌려준다.)
"serverTime"이라는 데이터를 같이 실어서 home.jsp로 이동한다. 
JSP의 ResultSet과 비슷하다. 

---

그냥 int page면 화면으로 안 간다.
@ModelAttribute("page")가 앞에 있으므로 화면으로 전달한다.

SampleDTO의 정의 (앞 슬라이드에서 가져왔다.)

${sampleDTO}, ${page}: sampeDTO, page를 출력한다. 

어노테이션이라는 방법으로 매개 변수를 지정해서 데이터를 화면으로 준다. 
localhost:8080/sample/ex04?name=aaa&age=11&page=9

---

RedirectAttribute: 컨트롤러에서 또 다른 컨트롤러로 데이터를 보낼 때 사용된다.

---

- String
- void
- VO, DTO
- ResponseEntity 타입
- Model, ModelAndView
- HttpHeaders

(메서드의 구성: 리턴 타입, 메서드 이름, 매개 변수)

---

Controller의 리턴타입

- String 타입

리턴 타입이 String이면 문자열 뒤에 .jsp를 붙인다.

String 타입의 예시

sample/aaa 인데 실제로 화면에 실행하는 것은 bbb.jsp이다. 

- 기본: forward 방식
.jsp를 붙여서 실행한다.

	// 게시판 목록 리스트
	public String list (Model model, CriteriaVO cri) {
		System.out.println(cri);
		// list.jsp 실행 할 때 select 된 결과를 가져와라
		model.addAttribute("list", bs.list(cri));
		// list.jsp 실행 할 때 PageVO에 저장되어 있는 데이터를 가져와라.
		//                           생성자 호출(매개변수가 2개인 생성자)
		// board테이블(게시판테이블)에 전체 건수(select해서)를 아래에 190대신에 대입
		int total=bs.total(cri);
		//model.addAttribute("paging", new PageVO(cri, 190));
		model.addAttribute("paging", new PageVO(cri, total));
		return "board/list";
	}
	// 게시판 상세 페이지
	@RequestMapping(value = "/board/detail", method = RequestMethod.GET)
	// public String detail(int bno){
	public String detail (BoardVO board, Model model) {
		System.out.println(board);
		// bs.detail(bno);
		model.addAttribute("detail", bs.detail(board));
		return "board/detail";
	}

---

- redirect 방식
redirect:/detail에 .jsp를 붙이지 않는다.
또 다른 컨트롤러를 실행시킨다. (화면을 실행시키는 것이 아니다.)

	// 게시판 수정
	@RequestMapping(value = "/board/modify", method = RequestMethod.POST)
	public String modify (BoardVO board, RedirectAttributes rttr) {
		bs.modify(board);
		rttr.addAttribute("bno", board.getBno());
		// 수정하고 난 뒤 확인을 위해 상세페이지로 화면이동
		return "redirect:/detail";
	}
	
	// 게시판 삭제
	@RequestMapping(value = "/board/remove", method = RequestMethod.POST)
	public String remove (BoardVO board) {
		bs.remove(board);
		return "redirect:/list";
	}

 

게시판 수정의 board:/detail이 게시판 상세의 board/detail을 실행시킨다.
리다이렉트한 곳에다가 "bno"라는 데이터를 보낸다.

앞의 슬라이드

데이터를 한 번 보내고 소멸한다. 

게시판 삭제의 redirect:/list가 게시판 목록 리스트의 board/list를 실행시킨다.

---

- void 타입

Message를 보면 sample/ex05가 URL주소를 그대로 따라간다. 리턴이 없으므로 그렇다.

리턴 타입이 void일 경우 localhost:8080/sample/ex05에서 jsp 붙여서(sample/ex05.jsp) 실행한다.
URL주소와 실행하고자 하는 .jsp가 동일하면 굳이 리턴 타입은 필요없다. (void로 두면 된다.)

동일하지 않으면, 리턴 타입을 둬야한다. 

Void 타입의 예시

---

SampleDTO는 모델 타입이다.
return dto: SampleDTO에 저장된 값을 웹 브라우저에 보낸다. 

객체 타입은 JSON타입으로 처리한다. 
JSON is an open standard file format and data interchange format that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and arrays. 

앞에 @ResponseBody를 붙여서 객체 타입임을 알린다.

---

---

---

---

---

---