[Spring Boot] 웹 서비스의 동작 원리 & MVC 패턴

웹 서비스의 동작 원리

• 웹서비스 : 클라이언트(요청) - 서버(응답)로 동작
• 클라이언트 : 서비스를 사용하는 프로그램, 브라우저
• 서버 : 서비스를 제공하는 프로그램, 스프링부트

스프링을 실행 시키면 Tomcat이 8080에서 수행되었다는 것이 나온다.

localhost: 서버의 주소(내 컴퓨터 주소) 8080: 포트번호 hello.html: 요청한 파일

localhost의 8080 포트에서 수행되고 있는 서버(스프링) hello.html 파일을 요청한 것

resource/static/ 폴더 내부에서 hello.html을 찾아서 그 코드를 응답으로 전달

뷰 템플릿과 MVC 패턴

MVC 패턴

• View Templates : 화면 담당(presentation)
• Controller : 처리 과정 담당(logic)
• Model : 데이터 관리(data)

실습

• View Templates 위치 : /src/main/resources/templates
• 확장자 : .mustache

mustache란? View Templates을 만들어 주는 도구, View Templates 엔진

mustache plugin 설치 Help > Find Action > Flugins 검색 > mustache 검색

뷰 템플릿 페이지 작성

View Templates 위치 : /src/main/resources/templates

.mustache 파일에 html 코드 작성

• doc + tab : 기본 html 코드 자동 완성

View Templates 페이지를 보기 위해 Controller 작성

Controller 위치 : /src/main/java/com.example.firstProject

• 위의 경로에 Package 생성 > Package에 JavaClass 생성

일반적으로 ~~Controller 라고 클래스명을 짓는 것이 관례

• .mustache 페이지를 볼 수 있도록 연결하는 코드 작성

  1. 컨트롤러 선언 @Controller
  2. 메소드 생성 : 이 메소드가 View Templates 페이지를 반환할 수 있도록 해줘야 함
  3. 응답 페이지 설정 : return “페이지명”;

     templates/greetings.mustache -> 브라우저로 전송

• 그냥 실행 시키고 http://localhost:8080/greeting.mustache에 접속하면 Not Found 404 오류가 난다

1. url 요청 연결 @GetMapping(“/hi”) : 접속할 url 주소 > hi라는 url을 입력 받았을 때, greetings.mustache를 찾아서 반환

1. 서버 재시작 : http://localhost:8080/hi 접속

• : mustache 문법을 활용해 뷰 페이지에 변수 삽입

Model 사용하기

Model Key - Value username - 지원

1. 모델 받아오기 : 파라미터에 추가 > import Model
2. 변수 등록 : addAttribute()

1. 서버 재실행

참고

스프링 강의