안녕하세요. Thymeleaf 인클루드 방법좀 알려주시면 감사하겠습니다.

Question

안녕하세요. html로 index page 구조를 만들다가 head, footer, navi 부분은 include 해주면 좋을 것같아서 시도해보다가 안되서 질문남깁니다. 맞는 내용인지 모르겠지만 구글링을 해보니 Thymeleaf에서 include 할때는 인클루드할 파일을 생성해서fragment로 지정한 후 해당 fragment를 삽입하는 식으로 사용하는 것 같습니다.예를들어, 제 경우 header 파일을 만들어 작성한 후 fragment로 지정하고, 직접 include할 index page에fragment를 적용시켜주는 방식으로 이해했습니다. head

Udemy

Udemy에서 가르치기

장바구니

로그인

회원가입

위 코드에서 head부분과 body의 navigator로 쓸 div를 아래 index html에 인클루드 하고 싶습니다.제가 초보라 위와 같이 하는게 맞는 것인지 모르겠지만 jsp include 시에는 해당 페이지를 만들어서 (네비면 네비, 헤더면 헤더, 풋터면 풋터) 그 소스파일 전체를 include 해준 것으로 기억합니다. 따라서 제 생각으로는 타입정보, favicorn 설정, (추후의 css, javscript, library), 바디의 헤더부분, 네비등을 만들어서 index page에 include 시키고, 나중에 footer만 따로 만들어서 맨 아래에 footer를 인클루드시키면 되지 않을까..? 라는 생각으로 진행했습니다. 하지만 아래와 같이 코드에 적용할 시, title까지 덮여버립니다. 저는 title은 해당 작성 page(여기서는 indexpage)에서 작성한 title을 사용하고 싶은데, 저 요소만 컨트롤 하는 방법을 모르겠습니다. 또 아래와 같이 인클루드 했을 시 index.html에 head부분에 fragment로 지정해둔 udemy_head가 덮어씌워지는 것이고, body안에 div에도 마찬가지로 udemy_navi가 덮어씌워지는 방식으로 동작할것이라고 추정중인데, 제가 생각한 동작 방식이 맞는 것인지 틀린 것인지도 궁금합니다.예를들어, 위에 제가 생각하는 방식으로 덮어 씌워진다면 해당 태그 안에 들어가서 추가 되는 것인지아니면 기존 태그는 사라지면서 해당위치에 미리 작성해둔 fragment 조각이 들어오는지 모르겠습니다.즉, 전자의 경우 만약에 덮어 씌워진다면 index.html에 있는 div가 head.html에서 불러온 udemy_navi를 둘러 싸서 부모자식 div가 4단계가 되는 것인지, 그냥 div위에 덮어씌워져서 기존의 udemy_navi만 남는 3단계 div가 된 것인지 궁금합니다. 사실 어떻게 타임리프를 학습해야할지도 잘 모르겠습니다.. 지금 당장 fragment 기능이 필요해서 이부분에 대한 정보를 찾아보려고 해도 제가 검색을 잘못하는 것인지 정보가 많이 부족한 것 같아서fragment 사용법이나 include 하는 방법에 대해 이해하기가 쉽지가 않아서 이렇게 도움 요청드립니다. 온라인 강좌 - 자신의 일정에 맞춰 뭐든지 배워보세요 | Udemy

구로불돼지 · Answer

저는 각 부분에 맞는 위치에 인클루드해서 넣는 방식으로 사용하고있습니다.<jsp:include page&#61;&#34;../common/footer.jsp&#34; />이런식으로.. 인클루드 지시자, 액션에 대해 알아보세요해당 페이지를 독타입 없이 작성하고 뭐.. 이런

안녕하세요. Thymeleaf 인클루드 방법좀 알려주시면 감사하겠습니다.

1개의 답변

#fragment 목록