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...

Date 형식을 원하는 표현형식으로 표현( Date > Date Format ) dates.format(날짜, 형식); String Date형식을 원하는 Date 형식으로 표현( String > Date Format) temporals.format(날짜, 형식);

1. Spring Boot Project 생성 2. Spring Boot Thymeleaf dependency 추가 2-1. pom.xml 에 dependency 추가 org.springframework.boot spring-boot-starter-thymeleaf 2-2. Maven Updatepom.xml에 thymeleaf dependency 를 추가했으므로 의존성 및 필요한 라이브러리를 추가하기 위해 Maven update 실행Project 오른쪽 마우스 클릭 > Maven > Update Project Update Project 클릭 시 아래와 같은 화면해당 프로젝트 클릭 후(자동클릭) OK 버튼 클릭 3. View 설정을 위한 application.yml 설정 추가기본적으로 src/..

Thymeleaf 템플릿 엔진에서 ajax 요청 등 Api 요청 URL 앞에 붙여야할 어플리케이션 ContextPath를 사용해야할 때가 있다. 이때 Thymeleaf 속성을 사용하여 ContextPath를 설정하고 변수명으로 호출하여 사용할 수 있다. 보통 Thymeleaf dialect 라이브러리를 사용하여 Layout을 맞추므로 dialect 기준으로 예시를 보여드립니다. 항상 화면에 보여지는 header 부분에 아래와 같은 코드를 추가한다.  http 요청 정보에서 getContextPath() 메서드를 사용하여 정보를 가져온다.Thymeleaf 템플릿 엔진이기 때문에 위 th: 구문은 꼭 써야한다. 또는 application.properties 나 application.yml 에 설정한 cont..

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 타임리프는 뷰 템플릿 엔진으로 JSP 와 같이 백엔드 쪽에서 클라이언트에게 응답할 웹 브라우저 페이지를 만들어주는 역할을 한다. 뷰 템플릿 엔진이지만 기존 템플릿 엔진과는 차별점이 있다. - 순수 HTML 파일 구조를 유지하기 때문에 서버상에서 동작하지 않아도 된다. 기존의 템플릿으로는 항상 서버를 구동시켜 결과물을 확인해야 하지만 타임리프의 경우 순수 HTML 이기 때문에 브라우저에서 바로 확인할 수 있다. 이러한 이유는 타임리프가 HTML 의 속성(Attribute)을 기반으로 작성되기 때문에 기존의 HTML 구조를 건드리지 않기 때문이다. 이러한 순수 HTML을 유지하기 때문에 Natural Template(내츄럴 템플릿)이라고 불린다. 타임리프는 th:xxx 처럼 HTML 태그 ..