집 밖은 위험해 2023. 12. 29. 18:47

1. 뷰 템플릿과 mvc 패턴

  • 뷰 템플릿 : 화면을 담당하는 기술로, 웹페이지를 하나의 틀로 만들고 여기에 변수를 삽입해 서로 다른 페이지로 보여줌

2.1.2 mvc 패턴

 

컨트롤러 : 클라이언트의 요청에 따라 서버에서 이를 처리하는 역할

모델 : 데이터를 관리하는 역할

뷰 : 웹페이지를 화면에 보여주는 역할

 

2.3 mvc의 역할과 실행 흐름 이해하기

@Controller //이 파일이 컨트롤러임을 선언 public class FirstController {      @GetMapping("/hi") //클라이언트로부터 hi라는 요청을 받아 검수, 이때 요청을 받음과 동시에 niceToMeetYou 메서드 수행     public String niceToMeetYou(Model model){//뷰 템플릿 페이지에서 사용할 변수를 등록하기 위해 모델 객체를 매게면수로 가져옴         //반환 값으로 보여줄 페이지의 이름만 따서 return         model.addAttribute("username","홍팍");//username으로 모델 변수 등록         return "greetings"; // 메서드를 수행한 결과로 greetings.mustache 파일을 반환, 뷰 템플릿 페이지를 찾아 웹 브라우저로 전송     } }

 

  • 모델을 통해 변수 등록하는 법
model.addAttribute("변수명",변숫값)

2.4 뷰 템플릿 페이지에 레이아웃 적용하기

  • 레이아웃이란?
    • 화면에 요소를 배치하는 일
  • 부트 스트랩이란?
    • 웹페이지를 쉽게 만들 수 있도록 작성해 놓은 코드 모음으로, 각종 레이아웃, 버튼, 입력창 등 디자인을 미리 구현해 놓은 것
  • 템플릿화란?
    • 코드를 하나의 틀로 만들어 변수화하는 것