전체 글 (133) 썸네일형 리스트형 타임리프 파편 #templates/template/fragment/footer.html //th:fragment 있으면 불려나가는 조각임 th:fragment="frag1"입니다 //()를 이용해 조각에 파라미터 부여 가능 파라미터 자리 입니다. #templates/template/fragment/fragmentMain.html 부분 포함 부분 포함 insert//insert라 조각을 호출하는 태그 살아남음 //꼭 div 아니어도 됨 부분 포함 replace//replace는 조각을 호출하는 태그가 증발함 //꼭 div 아니어도 됨 파라미터 사용 타임리프와 자바스크립트 타임리프 div 여러개 묶어서 반복 사용자 이름1 사용자 나이1 요약 신기한점: 태그 내부만 랜더링되고 태그는 랜더링 안됨 타임리프 div 여러개 묶어서 반복 사용자 이름1 사용자 나이1 요약 신기한점: 태그 내부만 랜더링되고 태그는 랜더링 안됨 타임리프 조건문 if, unless count username age 1 username 0 //조건에 해당 안되면 태그 전체가 렌더링 안됨 switch count username age 1 username 10살 20살 기타 타임리프 반복문 기본 테이블 username age //맵도가능, 맵은 엔트리가 하나씩 들어감 username 0 반복 상태 유지 count username age etc //user에는 users의 아이템이 들어가고 userStat에는 반복상태값이 들어감 //개쩌는점: users의 아이템 변수명에 + Stat붙이는걸로 반복상태값변수 생략가능 //즉, th:each가 있는 행의 userStat은 생략이 가능하다! username username 0 index = count = size = even? = odd? = first? = last? = current = 타임리프 데이터 없을 때 Elvis 연산자 null이면 //model.data에 데이터가 있으면 data 출력, null이거나 변수 자체가 없으면 '데이터가 없습니다' 출력 ${data}?: '데이터가 없습니다.' = //model.nullData에 데이터가 있으면 nullData 출력, null이거나 변수 자체가 없으면 데이터가 없습니다 출력 ${nullData}?: '데이터가 없습니다.' = No-Operation //data ==null이거나 변수 자체가 없으면 th옵션 자체가 사라짐 ${data}?: _ = 데이터가 없습니다. //nullData ==null이거나 변수 자체가 없으면 th옵션 자체가 사라짐 ${nullData}?: _ = 데이터가없습니다. 타임리프 리터럴 대체 #오류 - 타임리프 문자 리터럴은 ' ' 로 감싸져야함(다만 공백이 없으면 용인해줌ㅋ) #아래와 같이 디버깅 - 공백이 있는 문자 리터럴을 ' '로 감쌌다 #model.data == 'world!'일 때, 'hello' + ' world!' = 'hello world!' = 'hello ' + ${data} = 리터럴 대체 |hello ${data}| = ★★★문자 리터럴 편하게 사용하기 #불편 #편안 이전 1 2 3 4 5 6 7 8 ··· 17 다음
