차근차근정확하게

템플릿 레이아웃레이아웃을 만들어서, 기본 틀을 만들고 재사용함으로써 코드의 중복과 유지보수성을 높인다~{::태그} 를 이용하여 해당 태그 부분을 레이아웃에 넘길 수 있다 레이아웃  컨텐츠   레이아웃 적용 메인 페이지 컨텐츠 메인 페이지 포함 내용 설명title 정보와 section 부분을 레이아웃에 적용~{::title} : 현재 html 파일 내부 title 태그 내용 전달~{::section} : 현재 html 파일 내부 section 태그 내용 전달th:replace : 전달받은 내용으로 대체하여 적용 ( 없어짐)th:insert로도 받을 수 있다  직접 적용추후, 직접..

1. th:block2. th:inline3. th:fragment th:block 태그와 같이 블록단위로 묶는 역할th:block와 th:each를 활용하여, 반복적으로 작성이 가능하다또는 th:if를 활용하여, 조건부로도 사용이 가능하다 User : User :   th:inlinejavascript, css ,text 을 이스케이프 처리가 되어, 안전하게 렌더링을 진행한다th:inline="javascript" 의 경우 변수명과 값에 "(큰따옴표) , json 자동 변환 등을 지원한다th:inline 이 없을경우, (출력결과)var username = userAvar user =Controller.User(u..

표준 html 주석thymeleaf가 렌더링하지 않고, 그대로 남겨둔다.주석 부분이 html에 그대로 남겨져 있다 Example -->   Thymeleaf 주석 [내용] thymeleaf가 렌더링할시, 해당 부분을 제거한다주석 부분이 html에 남아있지 않게 된다주로 thymeleaf 주석으로 사용됨 Example -> 이부분이 타임리프 렌더링시 삭제됨   Thymeleaf 프로토타입 주석일반적인 html 렌더링시에는 주석으로 처리thymeleaf로 렌더링시에 보이게 된다. Example -> 타임리프 렌더링에서만 실행됨 /*/-->

속성 덮어쓰기기존, html 속성을 th:~ 로 표현할경우 th로 설정한 값으로 대체된다ex)타임리프 렌더링 후 -> 로 렌더링 반복th:each=" [변수] : ${[넘어온 값]}"userStatthymeleaf에서 제공해주는 상태값 확인index, count, size, event, odd, first, last ,current 지원 username age username 0 index= null, count= null, size= null, even= null, ..

Thymeleaf 연산 표현Html Entity의 경우, & ; 를 하지 않으면 그대로 문자로 출력되는 것을 주의해야함  비교 연산 1 > 10 = 1 > 10 = 10"> 1 == 10 = 10 == 10 = true = Html Entity를 주의th:text="${1 > 10} " 를 하게 되면, true / false의 결과가 표현됨 조건식 / Elvis / no-opration (10 % 2 == 0)? '짝수':'홀수' = ${data}?: _ = 데이터가 없습니다. 조건식[조건] ? true : falseElvis${data}?:falsedata가 없으면, false ..