Template7 [Thymeleaf] 타임리프 삼항 연산자 삼항 연산자 타임리프에서 제공하는 삼항연산자는 우리가 익히 알고있는 일반적인 삼항연산자 뿐만 아니라, Elvis 연산자, No-Operation 도 사용할 수 있다. back단에서 넘겨 받은 데이터에 따라 적절히 사용하면 된다. 적용 ✔️1. 삼항 연산자 📌 일반적으로 널리 사용되는 삼항 연산자이다. 형태를 살펴보자. -> 넘겨 받은 data가 true면 data 출력, false면 '데이터가 없음'을 출력한다. ✔️2. Elvis 연산자 📌 Elvis 연산자는 data가true면해당 값을 출력하고 false면 뒤에 있는 값을 치환하여 출력한다. ✔️3. No-Operation : _ 사용 📌 문자 그대로 작동하지 않는 것이다. 마치 타임리프가 실행되지 않는 것 처럼 말이다. data가 true면 dat.. 2023. 3. 3. [Thymeleaf] 타임리프 th:onclick 사용하기 타임리프 템플릿을 사용하면서 onclick 이벤트를 걸 때, 자꾸 헷갈리고 잊어버리는 부분이 있어서 기록함. 1. location.href 이용한 경로 이동 th:onclick="|location.href='@{/notice/info}'|" 2 .태그 내에 attribute를 주어서 함수 호출 할 때, 파라미터로 넘기기 3. location.href 경로 이동 시에 requestParam으로 파라미터를 넘기는 경우 1) 단일 파라미터인 경우 아래와 같은 예시는 실제로는 Url이 이렇게 찍힌다 -> ( /event/ranking?rankCode=RANK_0001 ) 공지 랭킹 2) 파라미터가 여러 개인 경우 아래와 같은 예시는 실제로는 Url이 이렇게 찍힌다 -> ( /event/ranking?rankCd.. 2022. 7. 30. [Thymeleaf] 유용한 타임리프 문법 #2 1. application.properties 값 조회 2. message 조회 3. 세션 정보 조회 4. Parameter 정보 조회 5. PathVariable 가져오기 2022. 5. 12. [Thymeleaf] 유용한 타임리프 문법 #1 알아두면 정말 쓸모있는 타임리프 문법들이 있다. 📌th:classappend : 다양하게 쓰일 수 있지만 보통은 일정 조건일 경우에 class에 덧붙이고 싶을 때 유용하다. 국문 📌th:value 📌th:checked : checkbox 에 체크여부 처리가 쉽게 가능하다. 📌th:text 📌th:src 📌th:selected 1 2 3 📌th:href : 아래 예시 처럼 th:target도 존재한다. 취소 📌th:style : css와 관련된 것을 타임리프로 처리하고 싶을 때 사용한다. 삭제 2022. 3. 16. [Thymeleaf] a 태그 문자열 조합하여 사용하기 상황 a 태그를 사용할 때, 문자열을 조합하는 방법이 계속 헷갈려서 기록해두려고 한다. ✔️적용 위 예제처럼 mailto: 라는 문자와 넘겨받은 데이터 문자를 조합해야 할 때, {email} 변수처럼 선언하고 () 괄호 안에 email=${} 이렇게 email이 무엇인지 정의해주면 된다! 또 다른 방법 타임리프 문법 중에 문자열 치환하는 것이 있는데 | | 이걸 사용해도 된다. 답변작성 2022. 3. 10. [Thymeleaf] ajax 이용해 비동기식 화면 수정(더보기, 댓글 구현) 1. Thymeleaf와 ajax 이용해서 화면 깜빡임 없이 데이터를 추가하기 댓글 작성이나, 더보기 버튼을 구현할 때 유용한 방법이다. 이 방법을 사용하지 않았다면 append 쓰면서 더럽게 html 코드를 짜야했을 수도,, 2. 구축 환경 IntelliJ 2021.3 (community 버전) Thymeleaf SpringBoot 2.1.3.RELEASE 3. 코드 1. controller 부분 작성하기 @Controller public class AjaxTestController { @GetMapping("/get/member") public String getMembers(Model model) throws Exception { Map memberList = new HashMap(); // 으로 .. 2022. 2. 11. 이전 1 2 다음