[Spring] @GetMapping | @PostMapping

Jeini·2023년 5월 21일

Spring

🍃 Spring

목록 보기

7/33

💡 @GetMapping

✔️ 주어진 URI 표현식과 일치하는 HTTP Get 요청을 처리.
✔️ @GetMapping("/register/add")

✏️ @GetMapping 예시

@GetMapping("/register/add")
	public String register() {
		return "registerForm";
}

@RequestMapping(value="/register/add", method=RequestMethod.GET)
: @RequestMapping 대신 사용 가능

💡 @PostMapping

✔️ 주어진 URI 표현식과 일치하는 HTTP POST 요청을 처리.
✔️ @PostMapping("/register/save")

✏️ @PostMapping 예시

@PostMapping("/register/save")
	public String register() {
		return "registerForm";
}

@RequestMapping(value="/register/save", method=RequestMethod.POST)
: @RequestMapping 대신 사용 가능

💡 @GetMapping | @PostMapping 특징

Spring 4.3부터 사용 가능
url을 중복 사용 가능
: url 요청을 통해 메서드를 요청할 때 전송 방식을 명시하면, 하나의 url로도 두 개 이상의 매핑을 처리할 수 있다.
코드에 의미 명시
: 코드만 봐도 어떤 전송 방식을 처리하는지 확인할 수 있는 장점이 있다. 통상적으로 GET의 경우 데이터를 화면에 뿌릴 때 많이 사용되고 POST는 전송한 데이터를 insert할 때 많이 사용된다. 전송 방식을 명시함으로써 코드의 로직을 좀더 쉽게 파악할 수 있다.

✏️ 회원가입 예제

✔️ @GetMapping과 @PostMapping을 이용하여 회원가입예제를 덧붙여보자!

url로 회원가입이 되는 것을 막기 위해 수정해 볼 것이다.
get방식으로 보내지면 비밀번호 유출로 인해 보안이 낮아진다. 그래서 post방식으로만 될 수 있게 수정할 것!

✏️ RegisterController.java 수정 전

package kr.ac.jipark09;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
public class RegisterController {
	// 신규가입 화면
	//@RequestMapping(value="/register/add", method= {RequestMethod.GET, RequestMethod.POST})
	@GetMapping("/register/add")
	public String register() {
		return "registerForm";
	}
	
	@PostMapping("/register/save")
	// 사용자 정보 저장
	//@RequestMapping(value="/register/save", method=RequestMethod.POST)
	public String save() {
		return "registerInfo";
	}
}

사실 상, register() 메서드는 맵핑해서 연결만 할 뿐이지 하는 일이 없다.
➡️ ViewController 로 수정

✏️ servlet-context.xml

<?xml version="1.0" encoding="UTF-8"?>
<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">

	<!-- DispatcherServlet Context: defines this servlet's request-processing infrastructure -->
	
	<!-- Enables the Spring MVC @Controller programming model -->
	<annotation-driven />

	<!-- Handles HTTP GET requests for /resources/** by efficiently serving up static resources in the ${webappRoot}/resources directory -->
	<resources mapping="/**" location="/resources/" />

	<!-- Resolves views selected for rendering by @Controllers to .jsp resources in the /WEB-INF/views directory -->
	<beans:bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<beans:property name="prefix" value="/WEB-INF/views/" />
		<beans:property name="suffix" value=".jsp" />
	</beans:bean>
	
	<view-controller path="/register/add" view-name="registerForm"/>
	<context:component-scan base-package="kr.ac.jipark09" />
</beans:beans>

<view-controller path="/register/add" view-name="registerForm"/>
<view-controller> 를 추가해 준다.

<beans:beans xmlns="http://www.springframework.org/schema/mvc"
원래 xmlns:mvc로 접두사를 붙여야되지만, 하나는 생략 가능하다.

그래서 <view-controller> 도 원래는 <mvc:view-controller>이다.

생략된 애들은 다 mvc 스키마라고 보면 된다.

✏️ 사용자 에러 메시지 보내기

✏️ registerForm.jsp

✔️ $<param.msg> 추가
✔️ dicoder 추가

<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page import="java.net.URLDecoder"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" />
    <style>
        * { box-sizing:border-box; }

        form {
            width:400px;
            height:600px;
            display : flex;
            flex-direction: column;
            align-items:center;
            position : absolute;
            top:50%;
            left:50%;
            transform: translate(-50%, -50%) ;
            border: 1px solid rgb(89,117,196);
            border-radius: 10px;
        }

        .input-field {
            width: 300px;
            height: 40px;
            border : 1px solid rgb(89,117,196);
            border-radius:5px;
            padding: 0 10px;
            margin-bottom: 10px;
        }
        label {
            width:300px;
            height:30px;
            margin-top :4px;
        }

        button {
            background-color: rgb(89,117,196);
            color : white;
            width:300px;
            height:50px;
            font-size: 17px;
            border : none;
            border-radius: 5px;
            margin : 20px 0 30px 0;
        }

        .title {
            font-size : 50px;
            margin: 40px 0 30px 0;
        }

        .msg {
            height: 30px;
            text-align:center;
            font-size:16px;
            color:red;
            margin-bottom: 20px;
        }
        .sns-chk {
            margin-top : 5px; 
        }
    </style>
    <title>Register</title>
</head>
<body>
   <form action="<c:url value="/register/save"/>" method="post" onsubmit="return formCheck(this)">
    <div class="title">Register</div>
    <div id="msg" class="msg"> ${URLDecoder.decode(param.msg, "utf-8")}</div> 
    <label for="">아이디</label>
    <input class="input-field" type="text" name="id" placeholder="8~12자리의 영대소문자와 숫자 조합">
    <label for="">비밀번호</label>
    <input class="input-field" type="text" name="pwd" placeholder="8~12자리의 영대소문자와 숫자 조합">
    <label for="">이름</label>
    <input class="input-field" type="text" name="name" placeholder="홍길동">
    <label for="">이메일</label>
    <input class="input-field" type="text" name="email" placeholder="example@fastcampus.co.kr"> 
    <label for="">생일</label>
    <input class="input-field" type="text" name="birth" placeholder="2020/12/31">
    <div class="sns-chk">
        <label><input type="checkbox" name="sns" value="facebook"/>페이스북</label>
        <label><input type="checkbox" name="sns" value="kakaotalk"/>카카오톡</label>
        <label><input type="checkbox" name="sns" value="instagram"/>인스타그램</label>
    </div>
    <button>회원 가입</button>
   </form> 
   <script>
       function formCheck(frm) {
            var msg ='';

            if(frm.id.value.length < 3) {
                setMessage('id의 길이는 3이상이어야 합니다.', frm.id);
                return false;
            }
            if(frm.pwd.value.length < 3) {
            	setMessage('pw의 길이는 3이상이어야 합니다.', frm.pwd);
                return false;
            }

           return true;
       }

       function setMessage(msg, element){
            document.getElementById("msg").innerHTML = `<i class="fa fa-exclamation-circle"> ${'${msg}'}</i>`;

            if(element) {
                element.select();
            }
       }
   </script>
</body>
</html>

✏️ 1. RegisterController.java

✔️ URL재작성(rewriting) 사용
✔️ Incoding 추가

package kr.ac.jipark09;

import java.io.UnsupportedEncodingException;
import java.net.URLEncoder;

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

@Controller
public class RegisterController {
	
	@PostMapping("/register/save")
	// 사용자 정보 저장
	//@RequestMapping(value="/register/save", method=RequestMethod.POST)
	public String save(User user, Model model) throws UnsupportedEncodingException {
		// 1. 유효성 검사
		if(!isValid(user)) {
			String msg = URLEncoder.encode("id를 잘못 입력하셨습니다.", "UTF-8");
			return "redirect:/register/add?msg=" + msg; //URL재작성(rewriting): 브라우저가 인코딩을 못함
		}
		 
		
		// 2. DB에 신규회원 정보를 저장
		return "registerInfo";
	}
	private boolean isValid(User user) {
		return false;
	}
}

✏️ 2. RegisterController.java

✔️ 파라미터 값이 msg 하나라서 간단하지만 여러개로 보내야 될 때에는 1.처럼 하지 못한다.
➡️ model속성 사용

package kr.ac.jipark09;

import java.io.UnsupportedEncodingException;
import java.net.URLEncoder;

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

@Controller
public class RegisterController {
	
	@PostMapping("/register/save")
	// 사용자 정보 저장
	//@RequestMapping(value="/register/save", method=RequestMethod.POST)
	public String save(User user, Model model) throws UnsupportedEncodingException {
		// 1. 유효성 검사
		if(!isValid(user)) {
			String msg = URLEncoder.encode("id를 잘못 입력하셨습니다.", "UTF-8");
			
			model.addAttribute("msg", msg); // = "redirect:/register/add?msg=" + msg; -> 스프링이 이렇게 바꿔준다.
			return "redirect:/register/add"; 
			
		}
		 
		
		// 2. DB에 신규회원 정보를 저장
		return "registerInfo";
	}
	private boolean isValid(User user) {
		return false;
	}
}

✏️ resgisterInfo.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>resgisterInfo</title>
</head>
<body>
<h1>id=${user.id}</h1>
<h1>pwd=${user.pwd}</h1>
<h1>name=${user.name}</h1>
<h1>email=${user.email}</h1>
<h1>birth=${user.birth}</h1>
<h1>sns=${user.sns}</h1>
</body>
</html>

Reference
: https://change-words.tistory.com/entry/Spring-%EC%8A%A4%ED%94%84%EB%A7%81-RequestMapping-%EB%8C%80%EC%8B%A0-PostMapping-GetMapping-%EC%93%B0%EB%8A%94-%EC%9D%B4%EC%9C%A0
: https://fastcampus.co.kr/dev_academy_nks