타임리프는 기본적으로 HTML 태그 안에 th: 로 시작하는 속성을 지정하여 사용한다. 타임리프에서 반복은 th:if / th:unless (if 반대) 를 사용한다. (개인적으로 가장 많이 사용하는 타임리프 속성이다) switch 문은 th:switch 로 사용 가능하다. 10살 🎈if, unless 사용 예시 나이는 20살 나이는 30살 나이는 30살 보다 적음 20살 아님 40살 아님 나이는 20살 나이는 30살 보다 적음 40살 아님 th:if / th:unless 타임 리프는 조건이 맞지 않으면 태그 자체를 렌더링 하지 않는다. (렌더링 시 없애버림) ${...} 내부에 boolean 값을 넣으면 된다. 비교와 동등 판별 비교 : >, =,
타임리프는 기본적으로 HTML 태그 안에 th: 로 시작하는 속성을 지정하여 사용한다. 타임리프에서 반복은 th:each 를 사용한다. 추가로 반복에서 사용할 수 있는 여러 상태 값을 지원한다. ... 🎈반복문 사용 예시 Controller @Controller public class ThymeleafController { @GetMapping public String form(Model model) { List nameList = new ArrayList(); nameList.add("Bob"); nameList.add("Rachel"); nameList.add("Kai"); model.addAttribute("nameList", nameList); return "new-form"; } } View B..
타임리프는 기본적으로 HTML 태그 안에 th: 로 시작하는 속성을 지정하여 사용한다. 변수를 사용하는 방법은 th: 로 시작하는 속성에 ${"변수명"}을 사용하여 Model에 저장된 데이터를 가져올 수 있다. th: 로 시작하는 속성은 렌더링 될 때 없어진다. (스프링에선 View를 반환하면서 필요한 값들을 동적으로 렌더링하여 사용자에게 보여준다. -> SSR) 다음은 태그에 user객체의 필드인 name을 넣는 예시이다. Hello!! 🎈변수 사용 예시 우선 View를 반환할 Controller을 생성한다. Controller @Controller public class ThymeleafController { @GetMapping public String form(Model model) { model..
현재 개인 포트폴리오 + 졸업 작품 목적으로 개인 프로젝트를 진행하고 있다. 기본적인 API는 얼추 완성한 상태이고, 실제 보여질 화면을 우선적으로 구현한 후 추가적으로 보완해야할 부분들을 계속해서 수정해야겠다고 생각했다. 화면을 구성하기 위해 어떤 템플릿 엔진을 사용할지에 대한 고민이 있었다. 지금까지 경험해본 템플릿 엔진으로는 JSP, Mustache가 있다. 먼저 JSP에 대한 생각을 이야기 해보자면, JSP는 렌더링되기 전에 별도의 자바 서블릿 코드로 변환되어 실행되는데, 이 방식이 효율적이지 못하다고 생각했고 실제로 써봤을 때 TTV 시점이 느리다는 것도 충분히 체감할 수 있었다. Mustache는 JSP에 비해 빠르고, HTML 문서도 깔끔하게 작성되어 읽기 편했다. (사실, JSP도 다양한 ..
