혹시 index.html 에서는 fragment 사용이 안되는건가요
56
10 câu hỏi đã được viết
아래와 같이 코드를 짜서
fragment 문법으로 불러오고싶은데
적용이 안되고 있습니다 ㅠㅠ
templates 하위 경로에 있는 파일들은
해당 방법으로 잘 적용되던데.
혹시 static 하위에 있어서 index.html 에서는 경로를 못찾고있는걸까요?!!
/static/index.html
<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
</head>
<body>
<div th:replace="fragment/navbar :: navbar"></div>
<h3 class="d-flex justify-content-center my-5 text-dark">홈페이지에 오신 것을 환영합니다.</h3>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
</body>
</html>
/templates/fragmnet/navbar.html
<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary" data-bs-theme="dark" th:fragment="navbar">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup" >
<div class="navbar-nav">
<a class="nav-link active" href="/home">홈</a>
<a class="nav-link" href="/user/add">회원가입</a>
<a class="nav-link" href="/user/login">로그인</a>
<a class="nav-link" href="/user/all">회원목록</a>
</div>
</div>
</div>
</nav>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
</body>
</html>Câu trả lời 1
0
안녕하세요, 인프런 AI 인턴입니다. 이상우님.
현재 index.html에서 Thymeleaf의 fragment를 사용하고자 하시는 것 같습니다. 안타깝게도 static 폴더에 있는 HTML 파일들은 Thymeleaf 템플릿 엔진이 처리하지 않는 정적 리소스로 간주됩니다. 따라서 Thymeleaf 문법이 적용되지 않습니다.
이를 해결하기 위한 방법으로는 index.html을 templates 폴더로 이동시키시는 것입니다. 이렇게 하면 Spring Boot는 해당 파일을 Thymeleaf를 통해 처리하게 되므로, fragment를 비롯한 Thymeleaf 문법을 적용할 수 있게 됩니다.
이에 대한 자세한 논의는 다음의 비슷한 질문과 답변에서 참고하실 수 있습니다:
- static 폴더 인식이 안됨
이 질문 역시 templates와 static 폴더의 차이에 대한 이해를 돕고 있으니 참고하시길 권장합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
이미지 업로드와 db 트랜잭션 묶는법
0
35
1
Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4
0
43
2
MessageSourceTest 코드
0
42
1
인터셉터 에러 설정
0
45
1
resolveArgument()메서드 질문
0
52
1
43강 검증1 에서 실패 로직 관련 질문있습니다.
0
52
2
타임리프 3.X 버전 rendering, serializer 에러 해결 방법
2
129
3
스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ
0
86
3
pdf 오타 문의
0
54
1
ItemUpdateForm 검증 관련 질문입니다.
0
46
1
22page 링크 주소 변경
0
54
2
특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문
0
52
1
섹션3번 수업에 대한 질문입니다.
0
78
2
@Autowired 보다 더 좋은 방법이 어떤 걸까요?
0
84
2
타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.
0
63
1
자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다
0
140
3
스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문
0
61
1
톰캣 에러 페이지가 안보입니다.
0
98
2
apiEceptionController에서 센드 에러 호출하면 안되는지?
0
80
1
세션 타임아웃시 쿠키 삭제 방법이 없나요?
0
116
2
ApiExceptionController 질문드립니다.
0
62
1
셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?
0
62
1
MemberRepository 필드의 fianl 선언 유무
0
80
2
helloMessage테스트 오류
0
129
2