템플릿 레이아웃레이아웃을 만들어서, 기본 틀을 만들고 재사용함으로써 코드의 중복과 유지보수성을 높인다~{::태그} 를 이용하여 해당 태그 부분을 레이아웃에 넘길 수 있다 레이아웃 컨텐츠 레이아웃 적용 메인 페이지 컨텐츠 메인 페이지 포함 내용 설명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}| = 작은 따옴표(')와 더하기(+) 를 사용하여 공백이 있는 문자 리터럴 표현또는, 작은따옴표(')를 이용하여 표..
URL 링크public String link(Model model){ model.addAttribute("param1", "data1"); model.addAttribute("param2", "data2"); return "basic/link";} /hello /hello?param1=data1¶m2=data2 /hello/data1/data2 /hello/data1?param2=data2 @를 이용하여, URL을 표현@{/hello}/hello@{/hello(param1=${param1}, param2=${param2})}/hello ? param1=data1 & param2=data2@{/hello/{param1}/{param2}(param1..
- Total
- Today
- Yesterday
- 게시판 프로젝트
- 버블정렬
- 이진탐색
- 기술면접
- JSON
- Thymeleaf
- 포트폴리오
- SQL
- bean
- 티스토리챌린지
- 백준
- Spring
- 정렬
- 예외처리
- db
- 게시판
- DFS
- Java
- HTML5
- 오블완
- 타입변환
- 클래스
- JDBC
- 알고리즘
- 코딩테스트
- 깊이우선탐색
- 우선순위 큐
- 검증
- BFS
- stack
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |