뉴렉처 과정 기록 (Backend)/Spring

06/15 Thymeleaf 타임리프 2

yeonee3219 2021. 6. 15. 16:35

 

dependency 추가

 

 

 

 

어제 레이아웃 자체는 레이아웃 자체가 본인을 replace로 가져가고 필요한 영역은 파라미터로 끼워넣는데

 

지금 하려고 하는건 파일즈 했던거랑 비슷하게 그냥 붙이면 됨

 

지시자가 중요
index.html

 

 

 

list.html이 뷰임 - 주인공

 

-> 메인부분만 나온다

 

 

 

 

 

문서의 해석기가 xml을 기반으로 하면서 다른 해석기 (th)를 추가 한 것

 

-> xml 처리기가 이 문서를 해석하면서 th의 해석도 가능하도록 추가

 

html의 문법에 따라 구현하면 됨

 

 

타임리프 말고 또 하나의 처리기 추가할거임

 

 

 

 

layout의 메인에 들어가는 부분임

 

list에도 처리기 추가해주고

 

 

이렇게 추가하면 

list => 난 메인을 가지고 있고 레이아웃을 붙여서 꾸며줬음 좋겠어 - 그 레이아웃은 "/admin/inc/layout" 얘야 

 

레이아웃은 이런상태

 

 

 

 

 

 

 

 

 

 

 

-> 다 붙이고나서는 올바르게 태그구조가 완성이 되었는지 항상 확인하는 것이 중요하겠다

 

 

 

 

 

우선순위가 list가 더 높음 만약에 헤드내용없으면 aside 헤드내용이 나옴

 

css필요할 때, 잘 구분해서 사용해주면 되겠다

 

레이아웃에 헤드 정보를 다 넣어놓고 추가적으로 필요한 건 메인페이지 헤드에 넣어주면 덮어씌워짐

 

 

 

 

디테일 페이지도 해보기

 

 

 

 

 

 

 

list.html에서 디테일 페이지로 넘어가는 부분인데

 

 

 

(소괄호)가 쿼리값을 넘기는 방법/ 

 

 

 

 

 

페이저 구현

 

현재 페이지에 대한 파라미터 값을 확인할 수 있어야 현재 페이지에만 주황색 볼드 스타일 입힐 수 있겠는데

 

 

3을 눌렀을때 잘 전달이 된다