Cooper's devlog

3-3. 새로운 HTML 적용 및 URL 리팩토링 본문

Programming/Spring-boot

3-3. 새로운 HTML 적용 및 URL 리팩토링

cooper_dev 2020. 7. 14. 16:38

3-3. 새로운 HTML 적용 및 URL 리팩토링

(1) 강의 링크

https://www.youtube.com/watch?v=g2YhGTHW_xU&list=PLqaSEyuwXkSppQAjwjXZgKkjWbFoUdNXC&index=18


2. 학습 목표

  • 기존에 구현한 HTML을 제거하고 새로운 HTML을 적용
  • URL 수정 및 중복을 제거함.

3.과정


(1) 이전 내용 수정 작업

-form method="post"로 변경

-UserController annotation 변경

-list.html에서 mustache 방식 내용 출력

 

 


(2) 공통 url 부분 RequestMapping으로 변경

- 공통부분(/users)에서 postMapping("") & GetMapping("")으로 변경

- Post Method 처리 후, 해당 list 페이지 출력하도록 설계

-항상 기억하기! template의 파일들은 controller에 의한 로직을 통해서만 호출할 수 있다.


(3) include 사용해서 code 중복 최소화 하기

-navigation 부분 include/nevigation에 내용 첨부 후, list.html에 mustache식 표기법으로 변경

-mustache식( {{> /include/navigation.html}} )

파일 탐색 시작점: template → 하위 디렉토리의 path를 명시하도록 하자.

(#만약 한글깨짐 error 발생 시, navigation.html에서

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  사용)

 

<template/list.html>

 

<template/include/navigation.html>

 


 

Comments