타임리프의 가장 기본 기능인 텍스트를 출력하는 기능 먼저 알아보자. 타임리프는 기본적으로 HTML 테그의 속성에 기능을 정의해서 동작한다. HTML의 콘텐츠(content)에 데이터를 출력할 때는 다음과 같이 th:text 를 사용하면 된다. HTML 테그의 속성이 아니라 HTML 콘텐츠 영역안에서 직접 데이터를 출력하고 싶으면 다음과 같이 [[...]] 를 사용하면 된다. 컨텐츠 안에서 직접 출력하기 = [[${data}]] BasicController package hello.thymeleaf.basic; import org.springframework.stereotype.Controller; import org.springframework.ui.Model;import org.springframewo..

● 공식 사이트: https://www.thymeleaf.org/ ● 공식 메뉴얼 - 기본 기능: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html ● 공식 메뉴얼 - 스프링 통합: https://www.thymeleaf.org/doc/tutorials/3.0/thymeleafspring.html 타임리프 특징 ● 서버 사이드 HTML 렌더링 (SSR) ● 네츄럴 템플릿 ● 스프링 통합 지원 서버 사이드 HTML 렌더링 (SSR) 타임리프는 백엔드 서버에서 HTML을 동적으로 렌더링 하는 용도로 사용된다. 네츄럴 템플릿 타임리프는 순수 HTML을 최대한 유지하는 특징이 있다. 타임리프로 작성한 파일은 HTML을 유지하기 때문에 웹 브라우저에..

1. 조건문 th:if th:unless 조건문을 사용할 때 else 대신 unless를 사용한다. 합격입니다!!! 불합격.. 좀 더 노력하세요! 2. 반복문 th:each 상태변수 사용(index, count등) 리스트 객체를 반복할 때 사용한다. @RequestMapping("selectStudentInfo") ModelAndView selectStudentInfo() { ModelAndView mav = new ModelAndView("/selectStudentInfo"); Student student = new Student("210000001", "Anne Marie", 29); List studentList = new ArrayList(); studentList.add(student); stu..

1. 데이터 바인딩 th:text th:value th:placeholder p, span, div 등의 태그에서 데이터를 텍스트로 바인딩할 때 사용한다. @RequestMapping("selectStudentInfo") ModelAndView selectStudentInfo() { ModelAndView mav = new ModelAndView("/selectStudentInfo"); Student student = new Student(); student.setId("210000001"); student.setName("Anne Marie"); student.setAge(29); /** thymeleaf에서 사용할 object명, object를 ModelAndview에 넣어준다. */ mav.addO..

1. Thymeleaf 기본 표현식 변수 : ${...} - ${student.id} 선택자 : *{...} - *{id} 메시지 : #{...} - #{id} 링크URL : @{...} - @{https://www.naver.com} 부분적 표현 : ~{...} - 조건 연산자 : and, or, not, ! ${student.age} > 20 and ${student.age} 20 or student.age < 10} 처럼 한 번에 묶어서 사용하는 것도 가능 텍스트 결합 : ${student.id}+${student.name} 문장 결합 : |학생 아이디 : ${student.id}, 학생 이름 : ${student.name} | ..

1. 템플릿 엔진(Template Engine) 웹 서비스를 만들 때에는 서버의 데이터와 정적 자원(html, css, image)을 조합해야 한다. 서버에서 데이터를 보내 웹 서비스를 만드는 방법에는 크게 2가지가 있다. SPA(Single Page Application) 최초 한 번 전체 페이지를 다 불러오고 응답 데이터만 페이지 특정부분 렌더링. SSR(Server Side Rendering) 전통적인 웹 애플리케이션 방식. 요청 시마다 서버에서 처리한후 새로 고침으로 페이지에 대한 응답. 보통 자바에서 웹 개발 시 JSP를 이용한다. JSP를 사용하면 형태의 스크립트릿을 사용하여 개발한다. 그러나 이 방식은 스크립트릿과 HTML이 혼재된 상태가 되고 HTML 태그의 반복적인 사용으로 인해 수정하기..