템플릿 조각 기능을 이용해서 상단 네비게이션을 구성했습니다.
<head th:insert="layout/head :: common_header(~{::title},~{::link})">
<title>샘플 페이지</title>
<link rel="stylesheet" th:href="@{/css/sample.css}"/>
<link rel="stylesheet" th:href="@{/css/nav.css}"/>
</head>
<body>
<div class="app-container">
<!-- 상단 네비게이션 전체 -->
<div th:replace="~{fragment/nav :: useNav}">insert</div>
<!-- 메인 영역 전체(왼쪽 버튼, 프로젝트, 메시지 부분) -->
<div class="app-content">
<!-- 왼쪽 메인 세로 네비게이션바 -->
<div th:replace="~{fragment/nav :: useNav-vertical}">insert</div>
<!-- 메인 가운데 영역 -->
<div class="projects-section">'TIL(Today I Learned)' 카테고리의 다른 글
| TLI 84일 (23. 9. 7. 목) 최종프, aws, Tdd (0) | 2023.09.07 |
|---|---|
| TLI 83일 (23. 9. 6. 수) 최종프, CI/CD, 코드 정리 (0) | 2023.09.06 |
| TLI 81일 (23. 9. 4. 월) 최종프 세션 기반, 토근 기반 차이점 (0) | 2023.09.04 |
| TLI 80일 (23. 9. 1. 금) 최종프 로그인, 프론트, 백 연결 (0) | 2023.09.01 |
| TLI 79일 (23. 8. 31. 목) 최종프, 이메일 인증 기능 구현 (0) | 2023.09.01 |
댓글