TIL(Today I Learned)
TLI 69일 (23. 8. 17. 목) 최종프2, OAuth2, 페이지 레이아웃 기능
seed0335
2023. 8. 17. 21:53
오늘 배운 내용
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>