LUNA Dev 📁

타임리프에서 if ~ else를 사용하는 방법

<span th:if="${session.user_id} == 'admin'"></span>
<span th:unless="${session.user_id} == 'admin'"></span>

사용방법은 정말 간단하다.

 th:if 와 th:unless를 사용해주면 된다. else가 unless로 바뀌었다는거만 알면 된다.

여기서 중요한건 if조건과 unless의 조건을 동일하게 작성해야된다는 거다.

업무를 하면서 로그인 했을 때와 하지 않았을 때,

관리자와 유저에 따라 보여주는 화면을 다르게 만들때 사용했는데,

자바스크립를 사용했을 때보다 더 편했다.

각 Session 값을 주고 타임리프를 사용하는게 코드가 더 간결해지고 빠르게 작업이 가능했다.

자바스크립트와 타임리프 둘 중에 뭐가 더 맞는 방식인지는 잘 모르겠지만 서로 장단점은 있을거 같고....

거기에 대해서는 나중에 좀 더 공부해봐야겠다.

fragment, replace 를 활용한 html include 방법

템플릿, 레이아웃 등 조각으로 나누어진 html 파일을 타임리프에서 쉽게 불러올 수 있다.

body.html에서 head.html의 내용을 불러오기 위해서는 head.html 에 타임리프 fragment를 사용하여 불러올 내용에 대해 먼저 선언해야하는데 여기에서는 head를 선언했다.

#head.html
<div th:fragment="head"> </div>

head.html에서 선언한 head를 body.html에서 호출하기 위해서는 타임리프 replace를 사용하고 head.html 경로와 선언한 head를 입력하여 호출한다.

#body html
<div th:repalce="head.html :: head"> </div>

Invalid bound statement (not found)

업무 도중에 잘 돌아가던 프로젝트가 갑자기 오류가 나면서 실행되지 않아 당황했다.

인터넷에 찾아 본 결과 이 에러가 발생하는 경우는 아래와 같다

1) Mapper 인터페이스와 Mapper xml에 오타가 있는 경우.

2) Mapper xml 경로가 잘못된 경우

등 몇 가지가 더 있는데 나중에 다시 정리 할 계획이고....

운이 나쁘게 2번이 문제였다. 각 xml 파일의 com.common.mapper ~ 를 복붙해서 실행했더니 해결 되었다. 다른 해결 방법도 있지만 이것도 추후에 다시 작성.... 업무때문에 ㅠ