본문 바로가기
TIL(Today I Learned)

TLI 69일 (23. 8. 17. 목) 최종프2, OAuth2, 페이지 레이아웃 기능

by seed0335 2023. 8. 17.

오늘 배운 내용

1. 카카오 구글 OAuth2 인증 : 클라이언트 부분에 대해서 공부하는 시간을 가졌습니다. 

2. 타임리프 홈부분을 만들기 위해서, 템플릿 레이아웃 기능을 공부했습니다. 

 

페이지 레이아웃

  
<head th:fragment="common_header(title,links)">
  
  <!-- 타이틀 추가 -->
  <title th:replace="${title}">레이아웃 타이틀</title>
  
  고정되는 부분
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <!-- 폰트어썸 -->
  <script src="https://kit.fontawesome.com/70a41c7bda.js" crossorigin="anonymous"></script>
  
  <!-- 레이아웃 추가 -->
  <th:block th:replace="${links}"/>
  
  </head>

실제로 html. 파일 아래 부분이 위에 두 부분에 추가 된다. 

<head th:replace="layout/head :: common_header(~{::title},~{::link})">
    <title>로그인</title>
    <link rel="stylesheet" th:href="@{/css/login.css}">
</head>

 

댓글