차근차근정확하게

th:errors모델의 속성이 유효성 검사를 통과하지 못했을경우, html에 표현됨#fields.hasErrors('속성') 을 이용해서, 유효성 검사의 유무를 파악 (오류가 있을경우, fields에 지정해둔 msg가 출력 )주로, 오류 메시지를 표시하는 역할 이름  th:errorclass유효성 검사 오류시, css 를 적용시키기 위한 속성값주로, 시각적으로 오류가 나타남을 표시하는 역할th:errors 와 th:errorclass는 같이 사용되는 경우가 많다 이름   검증의 경우,spring과 연계되어 작업되는 경우가 많으므로, spring controller의 작성도 중요시여기게 된다fields와 같은 역할도 결국, 서버에서 지정해줘야한다. (Binding..

1. th:object2. th:fieldth:object사용할 모델 객체를 설정Controller 에서 모델에 추가한 객체의 이름을 의미...  th:field속성값인, id와 name을 자동으로 생성해준다.폼 요소와 모델 객체를 바인딩하는 역할을 한다. --> --> Submit th:object와 같이 사용하는 경우를 권장하며, 어떤 모델 객체를 의미하는지 알 수 있으므로 "*"로 표현해도 된다 (권장)

템플릿 레이아웃레이아웃을 만들어서, 기본 틀을 만들고 재사용함으로써 코드의 중복과 유지보수성을 높인다~{::태그} 를 이용하여 해당 태그 부분을 레이아웃에 넘길 수 있다 레이아웃  컨텐츠   레이아웃 적용 메인 페이지 컨텐츠 메인 페이지 포함 내용 설명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 ..

리터럴소스 코드 상에 고정된 값을 의미문자 : 'hello'숫자 : 10boolean : true, falsenull : null문자리터럴의 경우 원칙상 '(작은 따옴표)로 감싸야한다하지만, 공백이 없을경우 "(큰따옴표)도 인식해서 적용한다 (다만 공백이 있으면 다른 처리를 해줘야함) 문자 리터럴 ( 공백 )String data = "world";...model.addAttribute("data", data);... 'hello' + 'world' = 'hello world!' = 'hello' + ${data} = 리터럴 대체 |hello ${data}| = 작은 따옴표(')와 더하기(+) 를 사용하여 공백이 있는 문자 리터럴 표현또는, 작은따옴표(')를 이용하여 표..