728x90 반응형 스프링/스프링 웹 개발 활용66 [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. [Spring] 타임리프 블록 은 HTML 태그가 아닌 타임리프의 유일한 자체 태그다. BasicController 추가 @GetMapping("/block") public String block(Model model) { addUsers(model); return "basic/block"; } /resources/templates/basic/block.html 사용자 이름1 사용자 나이1 요약 타임리프의 특성상 HTML 태그안에 속성으로 기능을 정의해서 사용하는데, 위 예처럼 이렇게 사용하기 애매한 경우에 사용하면 된다. 은 렌더링시 제거된다 2023. 6. 19. 이전 1 ··· 6 7 8 9 10 11 다음 728x90 반응형
