Thymeleaf 2

[Spring Boot] Thymeleaf를 이용한 header, footer 등 공통 페이지 조각 만들기

안녕하세요. hia의 개발 story입니다. 홈페이지를 만들기에 앞서 페이지를 조각내 보려고 합니다. 프런트를 만들 때 보통 공통으로 들어가는 페이지가 있습니다. 특히나 header, footer 파일이 가장 대표적입니다. 쉽게 말해서 홈페이지의 어느 페이지를 들어가더라도 떠있어야 하는 파일을 따로 만들어두는 것입니다. 그러면 페이지마다 같은 부분을 고칠 필요 없이 조각난 파일만 수정을 하면 되기 때문에 선택이 아닌 필수 사항입니다. Thymeleaf에 들어가면 이렇게 공식 문서를 볼 수가 있습니다. 이제 이 문서를 사용해서 fragment 조각들을 만들어봅시다. Thymeleaf Page Layouts - Thymeleaf Summary In this article, we described many w..

Springboot 2022.12.14

[Intellij IDEA] 인텔리제이 html, Jsp, css, Js 파일 수정 시 자동 새로고침 설정하기

안녕하세요. hia의 개발 story입니다. 이클립스에서도 유용하게 사용하는 기능인 프론트 단에서의 정적 자원들이 자동 새로고침 되는 기능을 설정하려고 합니다. 물론 이클립스도 설정을 해야하지만 지금은 인텔리제이를 공부하는 중이기 때문에 인텔리제이에서의 설정을 남겨보려 합니다. 우선 인텔리제이를 킨 후 화면 우측 상단에 있는 나의 서버를 찾아줍니다. 쉽게 우측 상단 run버튼 왼쪽에 있는 main 서버를 찾아주는 곳입니다. 눌러서 Edit Configurations.. 를 눌러줍니다. 이전 버전에 대한 글만 올라와있어서 좀 찾기가 어려웠습니다. 최신 버전에서는 아래 화면에서 Modify options를 눌러주면 됩니다. 그러면 아래 화면이 나오는데 우리가 설정해줘야할 것은 On 'Update' actio..

개발팁 2022.12.08