Front - End

·Front - End
로컬 변수 ( th:with ) 블럭내에서 유효한 변수를 정의 결과 값은 "30" 입니다. 결과 값은 "20" 입니다. 유사 블록 ( th:block ) 임의로 블록을 정의하는 속성 결과 값은 "30" 입니다. 결과 값은 "20" 입니다. 조건문 ( th:if / th:unless ) 특정 조건일때만 보여지거나 보여지지 않는 영역 설정이 필요할 때 사용 1이 0보다 크기 때문에 조건이 true 입니다. p태그 출력 1이 0보다 크기 때문에 조건이 false입니다. p태그 출력 조건문 ( th:switch / th:case ) 특정 값과 일치하는 부분만 보여지도록 설정 할 때 사용 username = user01 user01입니다. 해당내용만 출력 user02입니다. user03입니다. user04입니다...
·Front - End
text ( th:text ) 변수 값을 태그의 텍스트로 표시할 때 사용 th:text 속성과 ${....}구분을 같이 사용 text = hello world 결과 값은 "hello world" 입니다. unesape text ( th:utext ) escape 처리를 하지 않고 표시할 때 사용 test = "test" escape 처리시 = testescape 미처리시 = test 인라인처리 ( th:inline ) inline 속성에는 text 모드와 javascript 모드가 있다. 태그 내의 텍스트 일부를 Controller로 부터 전달된 변수 값으로 표시 할 경우 사용 // text 모드 Hello, [[${user.name}]] !!! //javascript 모드 삼항연산자 ( ?: ) 변수의..
·Front - End
변수식 : ${....} Context에 포함된 변수들을 사용할 수 있다. JSP에서 사용했던 방식과 비슷하다. text = hello world ... 결과값은 "hello world" 입니다. 링크식 : @{....} @표현식을 이용하여 URL을 표현 가능 test 메시지식 : #{....} 미리 정의된 message.propertis 파일이 존재하고 thymeleaf enfine에 등록이 되어있다는 전제하게 사용 가능하다. // message.propertis 파일 hello.world = HELLO WORLD /****************************************/ 결과값은 "HELLO WORLD" 입니다. 객체의 변수식 : *{....} th:object로 정의되어 있는 변수..
wsstar
'Front - End' 카테고리의 글 목록 (2 Page)