[Spring] 2.스프링 웹 개발 기초

0. 스프링 웹 개발 기초

- 정적 컨텐츠 : 서버에서 하는 것 없이 파일을 웹브라우저에 그대로 내려주는 것

- MVC와 템플릿 엔진 : HTML을 그냥 주는 것이 아니라 서버에서 프로그래밍해서 주는 것

= Model View Controller

- API : JSON(데이터 구조 포맷)으로 클라이언트에게 데이터 전달 = React, 서버통신

1. 정적 콘텐츠

- 스프링 부트에서 기본적으로 제공

링크 : https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/#web

- resources - static

hello-static.html

작성

동작원리 : 웹브라우저 -> localhost8080/hello-static -> 내장 톰캣서버 요청 받음 -> 스프링 넘김 ->

1) 스프링은 컨트롤러에서 확인 (컨트롤러가 우선순위) -> 없음 ->

2) 내부 resources안에서 찾음 -> 브라우저 로 반환

2. MVC와 템플릿 엔진

- Model Veiw Controller

[Controller]

- 비즈니스 로직 집중

- 내부 처리 집중

Hello Controller

    // 위에서는 string을 직접 받음
    // 여기서는 @RequestParam을 이용,
    @GetMapping("hello-mvc")
    public String helloMvc(@RequestParam("name") String name, Model model) {
        model.addAttribute("name", name);
        return "hello-template";

@RequestParam("name")

[View]

- 화면을 그리는데 역량 집중

hello-template.html

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Hello</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>
<!--안녕하세요 손님 = 서버없이 html 확인하기 위해-->
<p th:text="'Hello. ' + ${name}">안녕하세요 손님</p>
</body>
</html>

-> 처음에 오류 발생 (파라미터 값 설정 안되어있기 때문)

-> 주소창에 url 뒤에 ?name=spring

파라미터 값이 addAtrribute의 value값으로 들어가고 그게 attributeName에 저장돼서 화면에 나오는 것

= ${} 모델에서 값을 꺼내는 것임

동작원리

웹브라우저 -> localhost8080/mvc -> 내장 톰캣서버 -> 컨트롤러에서 맵핑됨을 확인 -> return할때 hello-template와 model(name : spring) -> viewResolver (화면 해결자, 뷰 찾아주고 템플릿 연결해주는 것) -> 템플릿 엔진이 처리=렌더링 -> 변환 후 HTML 을 웹브라우저에 반환

(정적콘텐츠와의 차이점임)

3. API

@ResponseBody

@GetMapping("hello-string")
    @ResponseBody
    public String helloString(@RequestParam("name") String name, Model model) {
        return "hello" + name;
    }

-> @ResponseBody : http의 body에 데이터를 직접 넣겠다는 의미

-> 뷰가 없고 그냥 문자가 그대로 내려감

ex) 주소에 ?name=spring (HTML 태그 같은거 없음)

클래스

   @GetMapping("hello-class")
    @ResponseBody
    public Hello helloAip(@RequestParam("name") String name) {
        Hello hello = new Hello();
        hello.setName(name);
        return hello;
    }

    static class Hello {
        private String name;

        public String getName() {
            return name;
        }

        public void setName(String name) {
            this.name = name;
        }
    }

{ "name" : "spring"}

-> JSON 방식으로 나옴

(과거 xml = html 태그 사용)

-> 스프링은 객체를 JSON 으로 반환하는 것이 기본임

Getter Setter

- java bean 규약, java bean 표준방식 = property 접근 방식

= private 외부에서 못꺼내게 해서 메서드를 통해 접근하도록

동작원리

localhost8080/hello-api -> 톰캣 내장서버 -> 컨트롤러 O -> @ResponseBody -> 문자가 아니라 객체 -> 디폴트 : JSON 방식으로 만들기 (httpmessageconverter / 단순 문자면 string converter, 객체면 json converter) -> 브라우저에 응답

[정리]

@ResponseBody 사용

- HTTP의 BODY에 문자 내용을 직접 반환

- 'viewResolver'대신에 'HttpMesseageConverter' 가 동작

- 기본문자처리 : StringHttpMessageConverter

- 기본객체처리 : MappingJackson2HttpMessageConverter (Jackson = 객체를 JSON으로 바꿔주는 library)

* jackson 말고도 구글의 GSON

- byte 처리 등등 기타 여러 HttpMessageConverter가 기본으로 등록되어있음

* 참고: 클라이언트의 HTTP Accept 헤더와 서버의 컨트롤러 반환 타입 정보 둘을 조합해서

'HttpMessageConverter' 가 선택됨

= Accept 헤더에 xml, json 정보 있으면 해당 정보로 반환, 없으면 서버 컨트롤러

* cmd + shift + enter = 완성시켜줌
* cmd + N = 코드생성 (getter setter)
* cmd + P = 파라미터 정보 옵션

저작자표시

'👨‍💻 Web Development > Spring - Intro' 카테고리의 다른 글

[Spring] 6.스프링 DB 접근 기술 (0)	2023.02.14
[Spring] 5.회원 관리 예제 - 웹 MVC 개발 (0)	2023.02.13
[Spring] 4.스프링 빈과 의존관계 (0)	2023.02.11
[Spring] 3.회원관리 예제 - 백엔드 개발 (0)	2022.07.03
[Spring] 1.프로젝트 환경설정 (0)	2022.06.30

[Spring] 2.스프링 웹 개발 기초