[Spring] Cookie 활용 | @CookieValue

Jeini·2023년 5월 21일

🍃 Spring

목록 보기

8/33

💡 @CookieValue

✔️ 쿠키를 전달 받게 해 주는 애너테이션
✔️ @CookieValue("id") String cookieID

@PostMapping("/login")
	public String login(@CookieValue("id") String cookieID, ..) {
        ...

✏️ session Id 가져오기

@PostMapping("/login")
	public String login(@CookieValue("JSESSIONID") String sessionID, ...) {

🍪 JSP에서 배웠던 Cookie를 Spring에서도 활용해 보자.

✔️ 아이디 기억을 누르면 쿠키 저장
✔️ 아이디 기억을 누르지 않으면 쿠키 삭제

✏️ LoginController.java

package kr.ac.jipark09;

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

import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletResponse;

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;

@Controller
@RequestMapping("/login")
public class LoginController {
	
	@GetMapping("/login")
	public String loginForm() {
		return "loginForm";
	}
	
	@PostMapping("/login")
	public String login(String id, String pwd, boolean rememberId, HttpServletResponse response) throws Exception {
		// 1. id와 pwd를 확인
		if(!loginCheck(id, pwd)) {
			// 2-1. 일치하지 않으면, index으로 이동
			String msg = URLEncoder.encode("id 또는 pwd가 일치하지 않습니다.", "utf-8");
			return "redirect:/login/login?msg=" + msg;
		}
		
		// 2-2. id와 pwd가 일치하면,
		if(rememberId) {
			// 1. 쿠키를 생성
			Cookie cookie = new Cookie("id", id);
			// 2. 응답에 저장
			response.addCookie(cookie);
			
		} else {
			// 쿠키를 삭제
			Cookie cookie = new Cookie("id", id); // 혹시 있을 쿠키를 삭제
			cookie.setMaxAge(0);
			response.addCookie(cookie);
		}
			
			// 3. 홈으로 이동
		return "redirect:/";
	}

	private boolean loginCheck(String id, String pwd) {
		return "asdf".equals(id) && "1234".equals(pwd);
	}
}

rememberId는 checkbox의 결과값을 받은 것
<checkbox> 가 체크되어 있을 경우
: String으로 받을 경우 ➡️ on (기본값. value를 써서 바꿔줄 수도 있다.)
: boolean으로 받을 경우 ➡️ true

✏️ loginForm.jsp

<form action="<c:url value='/login/login'/>" method="post" onsubmit="return formCheck(this);">
        <h3 id="title">Login</h3>
        <div id="msg">
	    <c:if test="${not empty param.msg}">
		<i class="fa fa-exclamation-circle"> ${URLDecoder.decode(param.msg)}</i>            
	    </c:if>        
	</div>
        <input type="text" name="id" value="${cookie.id.value }" placeholder="이메일 입력" autofocus>
        <input type="password" name="pwd" placeholder="비밀번호">
        <button>로그인</button>
        <div>
            <label><input type="checkbox" name="rememberId" ${empty cookie.id.value ? "" : "checked"}> 아이디 기억</label> |
            <a href="">비밀번호 찾기</a> |
            <a href="">회원가입</a>
        </div>
        <script>
            function formCheck(frm) {
                 let msg ='';
     
                 if(frm.id.value.length == 0) {
                     setMessage('id를 입력해주세요.', frm.id);
                     return false;
                 }
     
                 if(frm.pwd.value.length == 0) {
                     setMessage('password를 입력해주세요.', frm.pwd);
                     return false;
                 }

                 return true;
            }
     
            function setMessage(msg, element){
                 document.getElementById("msg").innerHTML = ` ${'${msg}'}`;
     
                 if(element) {
                     element.select();
                 }
            }
     </script>
 </form>