thymeleaf
-
Spring Boot 에서 thymeleaf-layout-dialect 라이브러리를 사용하여 Thymeleaf 템플릿 엔진에 레이아웃을 설정한다. 기본적인 Spring Boot Thymeleaf 설정은 아래 URL을 통해 설정해주세요 https://okimaru.tistory.com/255 Spring Boot Thymeleaf 설정 1. Spring Boot Project 생성 2. Spring Boot Thymeleaf dependency 추가 2-1. pom.xml 에 dependency 추가 org.springframework.boot spring-boot-starter-thymeleaf 2-2. Maven Update pom.xml에 thymeleaf.. okimaru.tistory.com 1...
Spring Boot Thymeleaf Dialect Layout 설정Spring Boot 에서 thymeleaf-layout-dialect 라이브러리를 사용하여 Thymeleaf 템플릿 엔진에 레이아웃을 설정한다. 기본적인 Spring Boot Thymeleaf 설정은 아래 URL을 통해 설정해주세요 https://okimaru.tistory.com/255 Spring Boot Thymeleaf 설정 1. Spring Boot Project 생성 2. Spring Boot Thymeleaf dependency 추가 2-1. pom.xml 에 dependency 추가 org.springframework.boot spring-boot-starter-thymeleaf 2-2. Maven Update pom.xml에 thymeleaf.. okimaru.tistory.com 1...
2022.10.06 -
Date 형식을 원하는 표현형식으로 표현( Date > Date Format ) dates.format(날짜, 형식); String Date형식을 원하는 Date 형식으로 표현( String > Date Format) temporals.format(날짜, 형식);
Thymeleaf th:text Date formatDate 형식을 원하는 표현형식으로 표현( Date > Date Format ) dates.format(날짜, 형식); String Date형식을 원하는 Date 형식으로 표현( String > Date Format) temporals.format(날짜, 형식);
2022.06.15 -
1. Spring Boot Project 생성 2. Spring Boot Thymeleaf dependency 추가 2-1. pom.xml 에 dependency 추가 org.springframework.boot spring-boot-starter-thymeleaf 2-2. Maven Update pom.xml에 thymeleaf dependency 를 추가했으므로 의존성 및 필요한 라이브러리를 추가하기 위해 Maven update 실행 Project 오른쪽 마우스 클릭 > Maven > Update Project Update Project 클릭 시 아래와 같은 화면 해당 프로젝트 클릭 후(자동클릭) OK 버튼 클릭 3. View 설정을 위한 application.yml 설정 추가 기본적으로 src/ma..
Spring Boot Thymeleaf 설정1. Spring Boot Project 생성 2. Spring Boot Thymeleaf dependency 추가 2-1. pom.xml 에 dependency 추가 org.springframework.boot spring-boot-starter-thymeleaf 2-2. Maven Update pom.xml에 thymeleaf dependency 를 추가했으므로 의존성 및 필요한 라이브러리를 추가하기 위해 Maven update 실행 Project 오른쪽 마우스 클릭 > Maven > Update Project Update Project 클릭 시 아래와 같은 화면 해당 프로젝트 클릭 후(자동클릭) OK 버튼 클릭 3. View 설정을 위한 application.yml 설정 추가 기본적으로 src/ma..
2022.05.31 -
Thymeleaf 템플릿 엔진에서 ajax 요청 등 Api 요청 URL 앞에 붙여야할 어플리케이션 ContextPath를 사용해야할 때가 있다. 이때 Thymeleaf 속성을 사용하여 ContextPath를 설정하고 변수명으로 호출하여 사용할 수 있다. 보통 Thymeleaf dialect 라이브러리를 사용하여 Layout을 맞추므로 dialect 기준으로 예시를 보여드립니다. 항상 화면에 보여지는 header 부분에 아래와 같은 코드를 추가한다. http 요청 정보에서 getContextPath() 메서드를 사용하여 정보를 가져온다. Thymeleaf 템플릿 엔진이기 때문에 위 th: 구문은 꼭 써야한다. 그다음 js 파일이나 위와 같이 설정하면 ajax 호출 등 js 파일에서 contextPath 이..
Thymeleaf Javascript 에서 ContextPath 가져오기Thymeleaf 템플릿 엔진에서 ajax 요청 등 Api 요청 URL 앞에 붙여야할 어플리케이션 ContextPath를 사용해야할 때가 있다. 이때 Thymeleaf 속성을 사용하여 ContextPath를 설정하고 변수명으로 호출하여 사용할 수 있다. 보통 Thymeleaf dialect 라이브러리를 사용하여 Layout을 맞추므로 dialect 기준으로 예시를 보여드립니다. 항상 화면에 보여지는 header 부분에 아래와 같은 코드를 추가한다. http 요청 정보에서 getContextPath() 메서드를 사용하여 정보를 가져온다. Thymeleaf 템플릿 엔진이기 때문에 위 th: 구문은 꼭 써야한다. 그다음 js 파일이나 위와 같이 설정하면 ajax 호출 등 js 파일에서 contextPath 이..
2022.05.18 -
Java Controller에서 ModelMap을 사용하여 넘긴 데이터를 Thymeleaf html 및 Javascript에서 사용하기 - Java 위 이미지와 같이 Thymeleaf의 prefix, suffix에 의해 return String으로 설정하고 view name을 일치 시키면 해당 view로 데이터가 넘어간다. 데이터를 설정하기 위해 ModelMap을 파라미터로 지정한다. ModelMap 의 메소드 중 addAttribute를 사용하여 데이터를 지정할 수 있다. @RequestMapping(value = "/main") public String main(ModelMap map, HttpServletRequest request) throws IOException { HashMap m = new..
Thymeleaf Java에서 넘어온 객체 값 Javascript로 전송Java Controller에서 ModelMap을 사용하여 넘긴 데이터를 Thymeleaf html 및 Javascript에서 사용하기 - Java 위 이미지와 같이 Thymeleaf의 prefix, suffix에 의해 return String으로 설정하고 view name을 일치 시키면 해당 view로 데이터가 넘어간다. 데이터를 설정하기 위해 ModelMap을 파라미터로 지정한다. ModelMap 의 메소드 중 addAttribute를 사용하여 데이터를 지정할 수 있다. @RequestMapping(value = "/main") public String main(ModelMap map, HttpServletRequest request) throws IOException { HashMap m = new..
2022.05.18 -
Thymeleaf 타임리프는 뷰 템플릿 엔진으로 JSP 와 같이 백엔드 쪽에서 클라이언트에게 응답할 웹 브라우저 페이지를 만들어주는 역할을 한다. 뷰 템플릿 엔진이지만 기존 템플릿 엔진과는 차별점이 있다. - 순수 HTML 파일 구조를 유지하기 때문에 서버상에서 동작하지 않아도 된다. 기존의 템플릿으로는 항상 서버를 구동시켜 결과물을 확인해야 하지만 타임리프의 경우 순수 HTML 이기 때문에 브라우저에서 바로 확인할 수 있다. 이러한 이유는 타임리프가 HTML 의 속성(Attribute)을 기반으로 작성되기 때문에 기존의 HTML 구조를 건드리지 않기 때문이다. 이러한 순수 HTML을 유지하기 때문에 Natural Template(내츄럴 템플릿)이라고 불린다. 타임리프는 th:xxx 처럼 HTML 태그 ..
Thymeleaf 와 JSPThymeleaf 타임리프는 뷰 템플릿 엔진으로 JSP 와 같이 백엔드 쪽에서 클라이언트에게 응답할 웹 브라우저 페이지를 만들어주는 역할을 한다. 뷰 템플릿 엔진이지만 기존 템플릿 엔진과는 차별점이 있다. - 순수 HTML 파일 구조를 유지하기 때문에 서버상에서 동작하지 않아도 된다. 기존의 템플릿으로는 항상 서버를 구동시켜 결과물을 확인해야 하지만 타임리프의 경우 순수 HTML 이기 때문에 브라우저에서 바로 확인할 수 있다. 이러한 이유는 타임리프가 HTML 의 속성(Attribute)을 기반으로 작성되기 때문에 기존의 HTML 구조를 건드리지 않기 때문이다. 이러한 순수 HTML을 유지하기 때문에 Natural Template(내츄럴 템플릿)이라고 불린다. 타임리프는 th:xxx 처럼 HTML 태그 ..
2022.04.08