소개 Thymeleaf는 자바 웹 및 독립형 환경에서 HTML, XML, JavaScript, CSS 및 텍스트를 처리하는 데 사용되는 서버 측 Java 템플릿 엔진입니다. 다음은 Thymeleaf의 장점입니다. 템플릿 엔진이란? 템플릿 엔진은 서버 측에서 동적으로 HTML, XML, JSON 등의 문서를 생성하는 소프트웨어입니다. 템플릿 엔진을 사용하면 페이지에 동적으로 데이터를 추가하거나 UI를 동적으로 수정할 수 있습니다. 간단한 구문 다양한 태그 속성 지원 및 확장 가능성 다국어 처리가 용이함 Thymeleaf 사용하기 Thymeleaf는 다양한 방법으로 사용할 수 있습니다. 가장 일반적인 방법은 Spring Framework와의 통합입니다. Spring Boot 프로젝트에서는 Starter 종속..
Thymeleaf
Thymeleaf 로 뷰를 만들다 보면 JavaScript 의 ajax가 아닌 HTML Form태그 만으로 데이터 전송을 해야할 때가 있다. 이 때 로그인 인증을 위한 csrf 토큰을 보냄과 동시에 multipart 로 데이터와 이미지를 동시에 보내야 하는 상황이여서 막막했던 차에 좋은 해결 방법을 찾아서 공유한다. 우선 소스코드는 아래와 같다. 텍스트 * 이미지 * 1. 로그인 세션 문제 흔히 웹사이트들은 권한이 필요한 페이지들은 유저들이 로그인 한 정보를 토큰으로 남기고 이 토큰을 같이 전송해서 로그인 한 유저가 보낸 요청이라는 것을 서버에 알린다. ajax 에서는 beforeSend 를 통해 미리 토큰을 보내 해결할 수 있지만 form 태그에서는 어떻게 보낼 지 막막하던 차에 hidden 으로 in..
본 포스팅은 스프링을 이용한 간단한 예제 프로젝트입니다. 지금까지 기능을 만들었다면 이제 이 기능을 웹 페이지 뷰와 연결시켜 보고자 한다. (혹시 이전 포스팅에서 작성해두었던 기능 개발에 대한 글이 궁금하다면 이 글 최하단에 있는 링크를 참고하기를 바란다.) 1. 홈화면 만들기 먼저 홈 컨트롤러에 다음과 같이 작성한다. 1-1. HomeController @Controller public class HomeController { @GetMapping("/") public String home() { return "home"; } } 이렇게 하면 도메인 주소를 쳤을 때 프로젝트 경로 내에 src/main/resources/templates/home.html 파일을 찾아서 해당 html파일을 띄워주게 된다...
[Thymeleaf]게시판 Table에서 Paging 적용하기(SpringBoot) 안녕하세요! 보통 웹사이트에서 다량의 데이터들을 효율적으로 보여주고자 할 때 표를 많이 사용합니다. 이 때 페이징이 잘 안되서 주로 애를 먹고는 했는데요, 오늘은 표 구성과 함께 페이징을 한번 정리해보도록 하겠습니다. 1. View 제작하기 1.1 표(table) 만들기 먼저 페이징을 위해서는 표가 필요하니 표에 대한 코드를 작성합니다. 1 2 3 4 5 6 7 8 9 10 11 12 제목1 제목2 제목3 Colored by Color Scripter cs 서버에서 list라는 변수에 title1,title2,title3라는 변수를 담고있는 클래스를 멤버로 가지고 있는 리스트를 보내준 상황입니다. 이대로 코드를 실행하면 ..
