내일배움캠프 43일차

Drumj·2022년 6월 20일
1

내일배움캠프

목록 보기
43/80

<오늘의 학습>

로그아웃 기능 구현 및 간단한 Thymeleaf 문법을 알아봤다.

로그아웃

로그아웃은 워낙 간단하기 때문에 빠르게 끝낼수 있었다.
Spring Security를 사용하고 있기 때문에 Config 파일에

.logout()
.logoutUrl("/user/logout")
.permitAll()

만 작성해주면 스프링 시큐리티가 알아서 로그아웃을 해준다고 한다.

그리고 Front에서

function sign_out() {
    alert('로그아웃!')
    window.location.href = "/user/logout"
}

이렇게 클릭 시 "/user/logout" 로 이동하게 만들어 주면 끝!!!


Thymeleaf

우선 구현한 로그인까지는 그렇게 많은 템플릿 언어를 사용하지 않아서 금방 넘어갔지만
user 페이지에서 많은 부분을 jinja 템플릿언어로 작성을 했기 때문에
그 부분을 다 Thymeleaf로 바꿔 주어야 한다...!!!

그렇게 여러가지 알아 보다가!!!

변수 식: ${OGNL}
메시지 식: #{코드}
링크 식: @{링크}
선택 변수 식: *{OGNL}
출처: https://hirlawldo.tistory.com/34 [노바의 개발유치원:티스토리]

이렇게 잘 정리된 글을 발견!!! 나중에 모르는게 있으면 또 가서 봐야겠다.

그리고 계속 치환해서 사용하는게 귀찮아서 더 찾아보니

<span>[[${값}]]</span>

이렇게도 사용 할 수 있다는 것을 알게 되었다.
이전 까지는

<span th:text="${값}"> text가 들어오면 없어질 값</span>

이렇게 작성을 하고 있어서 타임리프를 사용하기 위해서 계속 span태그를 걸어 줬어야 했는데
너무 편하다!

<title>[[${nickname}]] | 고구마캣</title>

특히 이 부분을 해결하려다 보니 찾은 방법 이었다!!
title 태그가 이미 있기 때문에 span태그는 사용이 불가능 했고...
title 태그 안에 th:text 로 넣어버리니 | <- 이 녀석을 사용 할 수 없어서 이리 저리 찾아보다가
위 방법으로 해결!! span태그 처럼 다른 태그가 안생기고 깔끔하게 코드가 정리되서 아주 좋다!


이제 타임리프에서 if문 작성하는 거랑 java에서 파일 처리하는 것만 알아내면 된다!!

--오늘의 한 줄--

찾아보는 즐거움

0개의 댓글