728x90 반응형 전체 글602 [Spring] 타임리프 스프링 통합 타임리프는 크게 2가지 메뉴얼을 제공한다 기본 메뉴얼: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html Tutorial: Using Thymeleaf 1 Introducing Thymeleaf 1.1 What is Thymeleaf? Thymeleaf is a modern server-side Java template engine for both web and standalone environments, capable of processing HTML, XML, JavaScript, CSS and even plain text. The main goal of Thymeleaf is to provide a www.thymeleaf.org 스프.. 2023. 6. 22. [Spring] 스프링 타임리프 통합을 위한 프로젝트 설정 https://drcode-devblog.tistory.com/504 2023. 6. 21. [Spring] 타임리프 템플릿 레이아웃 확장 앞서 이야기한 개념 https://drcode-devblog.tistory.com/522 [Spring] 타임리프 템플릿 레이아웃 일부 이전에는 일부 코드 조각을 가지고와서 사용했다면, 이번에는 개념을 더 확장해서 코드 조각을 레이아웃에 넘겨서 사용하는 방법에 대해서 알아보자 예를 들어서 에 공통으로 사용하는 css , java drcode-devblog.tistory.com 을 정도에만 적용하는게 아니라 전체에 적용할 수도 있다. TemplateController @GetMapping("/layoutExtend") public String layoutExtends() { return "template/layoutExtend/layoutExtendMain"; } /resources/templates/te.. 2023. 6. 20. [Spring] 타임리프 템플릿 레이아웃 일부 이전에는 일부 코드 조각을 가지고와서 사용했다면, 이번에는 개념을 더 확장해서 코드 조각을 레이아웃에 넘겨서 사용하는 방법에 대해서 알아보자 예를 들어서 에 공통으로 사용하는 css , javascript 같은 정보들이 있는데, 이러한 공통 정보들을 한 곳에 모아두고, 공통으로 사용하지만, 각 페이지마다 필요한 정보를 더 추가해서 사용하고 싶다면 다음과 같이 사용하면 된다. TemplateController @GetMapping("layout") public String layout() { return "template/layout/layoutMain"; } /resources/templates/template/layout/base.html /resources/templates/template/layou.. 2023. 6. 20. [Spring] 타임리프 템플릿 조각 웹 페이지를 개발할 때는 공통 영역이 많이 있다. 예를 들어서 상단 영역이나 하단 영역, 좌측 카테고리 등등 여러 페이지에서 함께 사용하는 영역들이 있다. 이런 부분을 코드를 복사해서 사용한다면 변경시 여러 페이지를 다 수정해야 하므로 상당히 비효율적이다. 타임리프는 이런 문제를 해결하기 위해 템플릿 조각과 레이아웃 기능을 지원한다 TemplateController package hello.thymeleaf.basic; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.Reque.. 2023. 6. 20. [Spring] 타임리프 자바스크립트 인라인 타임리프는 자바스크립트에서 타임리프를 편리하게 사용할 수 있는 자바스크립트 인라인 기능을 제공한다. 자바스크립트 인라인 기능은 다음과 같이 적용하면 된다. 자바스크립트 인라인을 사용하지 않은 경우 어떤 문제들이 있는지 알아보고, 인라인을 사용하면 해당 문제들이 어떻게 해결되는지 확인해보자. 텍스트 렌더링 - var username = [[${user.username}]]; : 인라인 사용 전 - var username = userA; : 인라인 사용 후 - var username = "userA"; - 인라인 사용 전 렌더링 결과를 보면 userA 라는 변수 이름이 그대로 남아있다. 타임리프 입장에서는 정확하게 렌더링 한 것이지만, 아마 개발자가 기대한 것은 다음과 같은 "userA" 라는 문자일 것이다.. 2023. 6. 19. 이전 1 ··· 12 13 14 15 16 17 18 ··· 101 다음 728x90 반응형
