728x90 반응형 front-end/html3 [SpringBoot] Thymeleaf layout dialect (thymeleaf 레이아웃 적용하기) thymeleaf layout SpringBoot에 thymeleaf 템플릿 엔진 레이아웃을 적용해보겠습니다. [SpringBoot] Thymeleaf 설정 및 Thymeleaf HTML Code(th element) 사용법 우선 pom.xml에 dependency를 추가해줍니다. nz.net.ultraq.thymeleaf thymeleaf-layout-dialect 2.4.1 이어서 templateEngine에 layout dialect를 추가해줍니다. @Bean @Description("Thymeleaf Template Engine") public SpringTemplateEngine templateEngine() { SpringTemplateEngine templateEngine = new Spri.. 2021. 1. 17. [SpringBoot] Thymeleaf 설정 및 Thymeleaf HTML Code(th element) 사용법 StringBoot + Thymeleaf Thymeleaf는 HTML, XML, Javascript, CSS 및 일반 텍스트를 처리할 수 있는 웹 및 독립형 환경에서 사용할 수 있는 Java 템플릿 엔진입니다. Thymeleaf는 html 파일을 가져와 파싱 해서 분석 후 정해진 위치에 데이터를 치환하여 웹 페이지를 생성합니다. 그러면 springboot에서 thymeleaf를 설정하는 방법에대해 알아보겠습니다. SpringBoot는 spring-boot-starter-thymeleaf dependency를 추가하여 Thymeleaf에 대한 자동 구성을 제공합니다. org.springframework.boot spring-boot-starter-thymeleaf 명시적인 구성은 필요하지 않지만, 기본적으.. 2021. 1. 17. [html] meta tag og (open graph) og 적용해달라는 요청이 왔었는데, og에 대해 몰라서 알아보기로 했습니다. og. 즉, open graph는 html meta 태그 종류 중 하나입니다. SNS 등에 url을 공유 할 때 미리 보여주는 이미지나 그 링크에 대한 설명, 제목을 표시하기 위한 태그입니다. 자세한 설명 : https://ogp.me/ Open Graph의 기본 태그 og:title - 사이트의 제목 og:type - 사이트객체의 유형. 예) website, video.movie 지정한 유형에 따라 다른 속성도 필요할 수 있다. og:image - 사이트를 나타내는 대표 이미지의 URL og:url - 영구 ID로 사용될 사이트의 정규 URL Open Graph의 옵션 태그 og:audio - 사이트와 함께 사용할 오디오 파일.. 2020. 10. 9. 이전 1 다음 728x90 반응형