본문 바로가기

JAVA 기반 웹개발29

[Thymeleaf] 검증오류 (th:errors, th:errorclass) th:errors모델의 속성이 유효성 검사를 통과하지 못했을경우, html에 표현됨#fields.hasErrors('속성') 을 이용해서, 유효성 검사의 유무를 파악 (오류가 있을경우, fields에 지정해둔 msg가 출력 )주로, 오류 메시지를 표시하는 역할 이름  th:errorclass유효성 검사 오류시, css 를 적용시키기 위한 속성값주로, 시각적으로 오류가 나타남을 표시하는 역할th:errors 와 th:errorclass는 같이 사용되는 경우가 많다 이름   검증의 경우,spring과 연계되어 작업되는 경우가 많으므로, spring controller의 작성도 중요시여기게 된다fields와 같은 역할도 결국, 서버에서 지정해줘야한다. (Binding.. 2024. 10. 18.
[Thymeleaf] th:field, th:object 1. th:object2. th:fieldth:object사용할 모델 객체를 설정Controller 에서 모델에 추가한 객체의 이름을 의미...  th:field속성값인, id와 name을 자동으로 생성해준다.폼 요소와 모델 객체를 바인딩하는 역할을 한다. --> --> Submit th:object와 같이 사용하는 경우를 권장하며, 어떤 모델 객체를 의미하는지 알 수 있으므로 "*"로 표현해도 된다 (권장) 2024. 10. 18.
[Thymeleaf] 템플릿 레이아웃 템플릿 레이아웃레이아웃을 만들어서, 기본 틀을 만들고 재사용함으로써 코드의 중복과 유지보수성을 높인다~{::태그} 를 이용하여 해당 태그 부분을 레이아웃에 넘길 수 있다 레이아웃  컨텐츠   레이아웃 적용 메인 페이지 컨텐츠 메인 페이지 포함 내용 설명title 정보와 section 부분을 레이아웃에 적용~{::title} : 현재 html 파일 내부 title 태그 내용 전달~{::section} : 현재 html 파일 내부 section 태그 내용 전달th:replace : 전달받은 내용으로 대체하여 적용 ( 없어짐)th:insert로도 받을 수 있다  직접 적용추후, 직접.. 2024. 10. 17.
[Thymeleaf] 자체 태그 (th:block , th:inline, th:fragment) 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.. 2024. 10. 17.
[Thymeleaf] 주석 표준 html 주석thymeleaf가 렌더링하지 않고, 그대로 남겨둔다.주석 부분이 html에 그대로 남겨져 있다 Example -->   Thymeleaf 주석 [내용] thymeleaf가 렌더링할시, 해당 부분을 제거한다주석 부분이 html에 남아있지 않게 된다주로 thymeleaf 주석으로 사용됨 Example -> 이부분이 타임리프 렌더링시 삭제됨   Thymeleaf 프로토타입 주석일반적인 html 렌더링시에는 주석으로 처리thymeleaf로 렌더링시에 보이게 된다. Example -> 타임리프 렌더링에서만 실행됨 /*/--> 2024. 10. 17.
[Thymeleaf] 속성, 반복, 조건 (th:*, th:each,th:if) 속성 덮어쓰기기존, 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, .. 2024. 10. 17.

티스토리툴바