웹개발 블로그

설명 타임리프의 메시지 표현식 #{...} 를 사용하면 스프링의 메시지를 편리하게 조회할 수 있다. 기본 사용 button.edit=수정(m) 파라미터 사용 # 파라미터 사용 : th:text="#{hello.name(${item.itemName})}" hello.name=안녕 {0}

은 HTML 태그가 아닌 타임리프의 유일한 자체 태그 사용자 이름1 사용자 나이1 요약 🔽결과 사용자 이름1 userA 사용자 나이1 10 요약 userA / 10 사용자 이름1 userB 사용자 나이1 20 요약 userB / 20 사용자 이름1 userC 사용자 나이1 30 요약 userC / 30 타임리프는 특성상 html 태그안에 속성으로 기능을 정의해서 사용하지만 애매한 경우에 사용하면 된다. 은 렌더링시 제거된다,

1. 일반 html 주석 2. 타임리프 파서 주석 이 주석은 출력은 되지 않지만 페이지 검사로 보면 웹 브라우저가 렌더링함. 이 주석은 웹 브라우저는 렌더링 자체를 하지 않는다. 주석이 렌더링되지 않아야 보안상 위험이 없다.

반복 상태 유지 반복의 두번째 파라미터를 설정해서 반복의 상태를 확인 할 수 있습니다. 두번째 파라미터는 생략 가능한데, 생략하면 지정한 변수명( user ) + Stat 가 됩니다. 💥여기서는 user + Stat = userStat 이므로 생략 가능합니다.💥 # 반복 상태 유지 기능 index : 0부터 시작하는 값 count : 1부터 시작하는 값 size : 전체 사이즈 even , odd : 홀수, 짝수 여부( boolean ) first , last :처음, 마지막 여부( boolean ) current : 현재 객체 ex) username username 0 index(0부터 시작) = count(1부터 시작) = size = even? = odd? = first? = last? = curr..

속성 설정 th:* 속성을 지정하면 타임리프는 기존 속성을 th:* 로 지정한 속성으로 대체한다. 기존 속성이 없다면 새로 만든다. EX) => 타임리프 렌더링 후

비교연산: HTML 엔티티를 사용해야 하는 부분을 주의하자, > (gt), = (ge),

public enum ItemType {//상품종류는 ENUM을 사용!, 설명은 DeliveryCode 클래스에서 BOOK("도서"), FOOD("음식"), ETC("기타"); private final String description; ItemType(String description) { this.description = description; } /*중요!! 꺼내서 사용해야하니까!! 프로퍼티 접근법*/ public String getDescription() { return description; } } 🔼ItemType.java /** 라디오 버튼 * Enum으로 생성한 데이터를 보낼거당. * */ @ModelAttribute("itemTypes") public ItemType[] itemTypes..

핵심!! 편리하다!! 상품명 .... 🔽 해당 태그에 이 속성을 넣어주면 돼! th:feild="${item.itemName}" 또는 (간편하게 작성도 가능) th:feild="*{itemName}" //(*은 th:object="${item}")에 item을 의미한다) 기능 : id, name, value 속성도 자동으로 만들어준다. 💥그런데 상품명 여기서 id="filedName"을 인식하기 때문에 지우면 빨간색으로 바뀌어서! 불편하면 id만 작성해주면 된다!!! 🔼 요렇게!

.🔽 타임리프 사용 선언 ​ • 간단한 표현: ◦ 변수 표현식: ${...} ◦ 선택 변수 표현식: *{...} ◦ 메시지 표현식: #{...} ◦ 링크 URL 표현식: @{...} ◦ 조각 표현식: ~{...} • 리터럴 ◦ 텍스트: 'one text', 'Another one!',… ◦ 숫자: 0, 34, 3.0, 12.3,… ◦ 불린: true, false ◦ 널: null ◦ 리터럴 토큰: one, sometext, main,… • 문자 연산: ◦ 문자 합치기: + ◦ 리터럴 대체: |The name is ${name}| • 산술 연산: ◦ Binary operators: +, -, *, /, % ◦ Minus sign (unary operator): - • 불린 연산: ◦ Binary opera..

2. 타임리프 파서 주석 출력은 되지 않지만 페이지 검사로 보면 렌더링이 된다. 렌더링 자체를 하지 않는다. html data