스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 7

Spring 정리 2021. 10. 5. 12:40

인프런 강의 25일차.

 - 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 1 (김영한 강사님)

 

1. Http 응답 데이터 - 단순 텍스트, HTML

 - HTTP 응답 데이터는 주로 다음 내용을 담아서 전달한다.

 - 단순 텍스트 응답 : writer.println("ok");

 - HTML 응답

 - HTTP API - MessageBody JSON 응답

 

2. HttpServletResponse - HTML 응답

package hello.servlet.basic.response;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet(name="responseHtmlServlet", urlPatterns = "/response-html")
public class ResponseHtmlServlet extends HttpServlet {
    @Override
    protected void service(HttpServletRequest reqquest, HttpServletResponse response) throws ServletException, IOException {
        //Content-type : text/html;charset=utf-8
        response.setContentType("text/html");
        response.setCharacterEncoding("utf-8");

        PrintWriter writer = response.getWriter();
        writer.println("<html>");
        writer.println("<body>");
        writer.println("  <div>안녕?</div>");
        writer.println("</body>");
        writer.println("</html>");
    }
}

 

3. HTTP 응답 데이터 - API JSON

package hello.servlet.basic.response;

import com.fasterxml.jackson.databind.ObjectMapper;
import hello.servlet.basic.HelloData;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet(name = "responseJsonServlet", urlPatterns = "/response-json")
public class ResponseJsonServlet extends HttpServlet {

    private ObjectMapper objectMapper = new ObjectMapper();
    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //Content-type : application/json
        response.setHeader("content-type", "application/json");
        response.setCharacterEncoding("utf-8");

        HelloData helloData = new HelloData();
        helloData.setUsername("kim");
        helloData.setAge(20);

        //{"username":"kim", "age":20}
        String result = objectMapper.writeValueAsString(helloData);
        response.getWriter().write(result);
    }
}

 - HTTP 응답으로 JSON을 반환할 때는 content-type을 'application/json'으로 지정해야한다.

 - Jackson 라이브러리가 제공하는 objectMapper.writeValueAsString()을 사용하면 객체를 JSON으로 변환할 수 있다.

 * 참고

 - application/json은 스펙상 utf-8을 사용하도록 정의되어 있기 때문에 charset=utf-8과 같은 추가 파라미터를 지원하지 않는다. 따라서 setHeader로 사용 시 application/json만 사용하면 된다. 즉, application/json;charset=utf-8로 사용하는 것은 의미없는 전달이 되어버린다. response.getWriter()를 사용하면 추가 파라미터를 자동으로 추가해버리니 reseponse.getOutputStream()으로 출력하면 문제가 없이 사용 가능하다.

 

 

 

 

 

 

 

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 6

Spring 정리 2021. 9. 30. 13:24

인프런 강의 24일차.

 - 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 1 (김영한 강사님)

 - HttpServletResponse

 

1. HttpServletResponse의 역할

 - HTTP 응답 메시지 생성

   : HTTP 응답 코드 지정

   : 헤더 생성

   : 바디 생성

 - 편의 기능 제공

   : Content-type

   : 쿠키

   : Redirect

 

2. HttpServletResponse 기본 사용법

package hello.servlet.basic.response;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet(name = "ResponseHeaderServlet", urlPatterns = "/response-header")
public class ResponseHeaderServlet extends HttpServlet {

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //[status-line]
        response.setStatus(HttpServletResponse.SC_OK);  //response.setStatus(200); SC_OK는 200의 값을 의미함. 200 하드코딩 보다 SC_OK를 사용하자

        //[response-headers]
        response.setHeader("Content-type", "text/plain;charset=utf-8");
        response.setHeader("Cache-Control", "no-cache, no-store, must-revalidate"); //캐시 무효화
        response.setHeader("Pragma", "no-cache");   //과거 버전 캐시도 무시
        response.setHeader("my-header", "hello");   //사용자 임의 헤더 정의도 가능

        PrintWriter writer = response.getWriter();
        writer.print("안녕하세요");

        //[Header 편의 메소드]
        content(response);  //컨텐츠 세팅
        cookie(response);   //쿠키 세팅
        redirect(response); //라다이렉션 세팅

    }

    private void content(HttpServletResponse response) {
        //Content-type : text/plain;charset=utf-8
        //Content-Length : 2
        //response.setHeader("Content-type", "text/plain;charset=utf-8");
        response.setContentType("text/plain");
        response.setCharacterEncoding("utf-8");
        //response.setContentLength(2);       //생략시 자동 생성됨, 컨텐츠의 길이
    }

    private void cookie(HttpServletResponse response) {
        //Set-Cookie : myCookie=good; Max-Age=600;
        //response.setHeader("Set-Cookie", "myCookie=good; Max-Age=600");
        Cookie cookie = new Cookie("myCookie", "good");
        cookie.setMaxAge(600);
        response.addCookie(cookie);
    }

    private void redirect(HttpServletResponse response) throws IOException {
        //Status Code 302로 세팅 후 Location으로 리다이렉트하는 메소드
        //Location : /basic/hello-form.html

        response.setStatus(HttpServletResponse.SC_FOUND);   //302
        response.setHeader("Location", "/basic/hello-form.html");
//        response.sendRedirect("/basic/hello-form.html");
    }

}

 - content, cookie, redirect 세팅 방법

 

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 5

Spring 정리 2021. 9. 27. 13:17

인프런 강의 23일차.

 - 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 1 (김영한 강사님)

 

1. Http요청 데이터 - 개요

 - HTTP 요청 메시지를 통해 클라이언트에서 서버로 데이터를 전달하는 방법

 - 주로 3가지의 방법으로 사용

 

1.1 GET - 쿼리 파라미터

 - /url=?username=hello&age=20

 - 메시지 바디 없이, URL의 쿼리 파라미터에 데이터를 표현해서 전달

 - 예) 검색, 필터, 페이징등에서 많이 사용하는 방식

 

1.2. POST - HTML form

 - content-type : application/x-www-form-urlencoded

 - 메시지 바디에 쿼리 파라미터 형식으로 전달, username=hello&age=20

 - 예) 회원가입, 상품주문, HTML Form 사용

 

1.3. HTTP message body에 데이터를 직접 담아서 요청

 - HTTP API에서 주로 사용, JSON, XML, TEXT

 - 데이터 형식은 주로 JSON 사용

 - POST, PUT, PATCH

 

2. HTTP 요청 데이터 - GET 쿼리 파라미터

 - 전달 데이터

   : username=hello

   : age=20

 - 메시지 바디 없이, URL의 '쿼리 파라미터'를 사용해서 데이터를 전달하다

  ex) 검색, 필터, 페이징등에서 많이 사용하는 방식

 - 쿼리 파라미터는 URL에 다음과 같이 '?' 를 시작으로 보낼 수 있다. 추가 파라미터는 '&'로 구분하면 된다.

 - http://localhost:8080/request-param?username=hello&age=20

 - 서버에서는 'HttpServletRequest'가 제공하는 메소드를 통해 쿼리 파라미터를 편리하게 조회할 수 있다.

 

protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        System.out.println("[전체 파라미터 조회] - start");
        request.getParameterNames().asIterator()
                .forEachRemaining(paramName -> System.out.println(paramName + "=" + request.getParameter(paramName)));
        Enumeration<String> parameterNames = request.getParameterNames();
        System.out.println("[전체 파라미터 조회] - end");

        System.out.println("[단일 파라미터 조회] - start");
        //username=hello&age=20
        String username = request.getParameter("username");
        String age = request.getParameter("age");
        System.out.println("username = " + username);
        System.out.println("age = "+ age);
        System.out.println("[단일 파라미터 조회] - end");

        //username=hello&age=20&username=hello2
        System.out.println("[이름이 같은 복수 파라미터 조회] - start");
        String[] usernames = request.getParameterValues("username");
        for (String name : usernames) {
            System.out.println("username = "+name);
        }
        //아래와 같은 형태로 출력된다.
        //username = hello
        //username = hello2
        //만약 username에 2개 이상의 값이 할당된 상태에서 getParameter를 할 시 내부 우선순위에 의해 1개만 선택되어 표시된다.
        //다만, 중복으로 보내는 경우는 거의 없다.
        System.out.println("[이름이 같은 복수 파라미터 조회] - start");

    }

 

3. HTTP 요청 데이터 - POST HTML Form

 - 이번에는 HTML Form을 사용해서 클라이언트에서 서버로 데이터를 전송해보자.

 - 주로 회원가입, 상품 주문 등에서 사용하는 방식이다

 - content-type: 'application/x-www-form-urlencoded'

 - 메시지 바디에 쿼리 파라미터 형식으로 데이터를 전달한다. 'username=hello&age=20'

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="/request-param" method="post">
        username : <input type="text" name="username" />
        age : <input type="text" name="age" />
        <button type="submit">전송</button>
    </form>
</body>
</html>

 - 해당 form에서 submit 시 GET방식에서 사용한 메소드를 호출하는 것을 볼 수 있다.

 - POST의 HTML form을 전송하면 웹 브라우저는 다음 형식으로 HTTP 메시지를 만든다. (개발자 모드 확인)

 - 요청 URL : http://localhost:8080/request-param

 - content-type : application/x-www-form-urlencoded

 - message body : username=hello&age=20

 - application/x-www-form-urlencoded 형식은 앞서 GET에서 살펴본 쿼리 파라미터 형식과 같다. 따라서 '쿼리 파라미터 조회 메소드를 그대로 사용'하면 된다.

 - 클라이언트 입장에서는 두 방식에 차이가 있지만, 서버 입장에서는 둘의 형식이 동일하므로 request.getParameter()로 편리하게 구분 없이 조회할 수 있다.

 - 정리하면 request.getParameter()는 GET URL 쿼리 파라미터 형식도 지원하고, POST HTML Form 형식도 둘 다 지원한다.

 

 * 참고

 - content-type은 HTTP 메시지 바디의 데이터 형식을 지원한다.

 - GET URL 쿼리 파라미터 형식으로 클라이언트에서 서버로 데이터를 전달할 때는 HTTP 메시지 바디를 사용하지 않기 때문에 content-type이 없다.

 - POST HTML Form 형식으로 데이터를 전달하면 HTTP 메시지 바디에 해당 데이터를 포함해서 보내기 때문에 바디에 포함된 데이터가 어떤 형식인지 content-type을 꼭 지정해야 한다. 이렇게 폼으로 데이터를 전송하는 형식을 application/x-www-form-urlencoded라 한다.

 

 * postman을 사용한 테스트

 - 간단한 테스트에 html form을 만들기는 귀찮으므로 postman을 사용하여 테스트 수행.

 - POST 전송 시 body 및 Header가 x-www-form-urlencoded로 선택되었는지 확인!

 

4. HTTP 요청 데이터 - API 메시지 바디 - 단순 텍스트

 - Http message body에 데이터를 직접 담아서 요청

   : HTTP API에서 주로 사용, JSON, XML, TEXT

   : 데이터 형식은 주로 JSON 사용

   : POST, PUT, PATCH

 - 먼저 가장 단순한 텍스트 메시지를 HTTP 메시지 바디에 담아서 전송하고, 읽어보자

 - HTTP 메시지 바디의 데이터를 InputStream을 사용해서 직접 읽을 수 있다.

package hello.servlet.basic.request;

import org.springframework.util.StreamUtils;

import javax.servlet.ServletException;
import javax.servlet.ServletInputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.nio.charset.StandardCharsets;

@WebServlet(name ="requestBodyStringServlet", urlPatterns = "/request-body-string")
public class RequestBodyStringServlet extends HttpServlet {

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        ServletInputStream inputStream = request.getInputStream();
        String messageBody = StreamUtils.copyToString(inputStream, StandardCharsets.UTF_8);

        System.out.println("messageBody = " + messageBody);
        response.getWriter().write("ok");
    }
}

 - Postman을 사용하여 테스트해보자.

 

* 참고

 - inputStrream은 byte를 반환하므로 string으로 변환해줘야한다.

 - POST http://localhost:8080/request-body-string

 - content-type : text/plain

 - message-body : hello

 - 결과 : message-body : hello

 

5. HTTP 요청 데이터 - API 메시지 바디 - JSON

 - HTTP API에서 주로 사용하는 것은 JSON 형식

 

* JSON 형식 전송

 - POST http://localhost:8080/request-body-json

 - content-type : application/json

 - message-body : {"username" : "hello", "age" : 20}

 - 결과 : message-body : {"username" : "hello", "age" : 20}

 

* JSON 형식 파싱 추가

 - JSON형식으로 파싱할 수 있게 객체 생성

 - POST http://localhost:8080/request-body-json

 - content-type : application/json

 - message-body : {"username" : "hello", "age" : 20}

 - 결과 : message-body : {"username" : "hello", "age" : 20}

package hello.servlet.basic;

import lombok.Getter;
import lombok.Setter;

@Getter @Setter
public class HelloData {

    private String username;
    private int age;

    /*
    //프로젝트 세팅 때 Lombok 세팅을 해두었으므로 @Getter, @Setter 선언으로 아래 코드가 자동생성된다.
    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }
     */
}

 

package hello.servlet.basic.request;

import com.fasterxml.jackson.databind.ObjectMapper;
import hello.servlet.basic.HelloData;
import org.springframework.util.StreamUtils;

import javax.servlet.ServletException;
import javax.servlet.ServletInputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.nio.charset.StandardCharsets;

@WebServlet(name = "RequestBodyJsonServlet", urlPatterns = "/request-body-json")
public class RequestBodyJsonServlet extends HttpServlet {

    private ObjectMapper objectMapper = new ObjectMapper();

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        ServletInputStream inputStream = request.getInputStream();
        String messageBody = StreamUtils.copyToString(inputStream, StandardCharsets.UTF_8);

        System.out.println("messageBody = "+ messageBody);

        HelloData helloData = objectMapper.readValue(messageBody, HelloData.class);
        System.out.println("helloData.username = "+helloData.getUsername());
        System.out.println("helloData.age = "+helloData.getAge());
    }
}

- JSON 결과를 파싱해서 사용할 수 있는 자바 객체로 변환하려면 Jackson, Gson과 같은 JSON 변환 라이브러리를 추가해서 사용해야 한다. 스프링부트로 SpringMVC를 선택하면 기본으로 Jackson 라이브러리(ObjectMapper)를 함께 제공한다.

 - HTML form 데이터도 메시지 바디를 통해 전송되므로 직접 읽을 수 있다. 하지만 편리한 파라미터 조회 기능(request.getParameter...)를 이미 제공하므로 해당 조회 기능을 사용하면 된다.