반응형 Spring/Thymeleaf4 Thymeleaf - 페이징 화면 그리기 오랜만에 블로그 포스팅을 하는 거 같은데 처음으로 블로그를 접했을 때의 기분이 드네요! 공백 시기의 내용은 다른 글에서 정리하는 것으로 하고 바로 글을 적어 내려가 보겠습니다. 이번 글에서는 Thymeleaf에서 간단한 페이징 화면을 그리는 내용을 정리해보려고 합니다. 프로젝트 버전 개발 도구: IntelliJ Ultimate Spring Boot: 2.6.11 Java 11 h2 Database Thymeleaf, Spring Web, Spring Data JPA, Querydsl 전체 코드는 제 Github에 올려두었으니 조금 더 직관적으로 확인하고 싶으신 분들은 확인해주시면 좋을 거 같습니다! GitHub - DahamLeee/Tistory-Code Contribute to DahamLeee/Tis.. 2022. 8. 23. Thymeleaf - Ajax Response 값 활용하여 View 갱신하기 타임리프가 자바 진영의 서버 사이드 템플릿인 만큼 타임리프를 사용하면 필수적으로 HTML, CSS, JavaScript, jQuery 등과 같은 기술도 같이 사용해야 합니다. 그래서 다른 전문적인 프론트 개발자분들처럼은 못해도 뷰단을 코딩할 때도 최대한 컨벤션을 지키거나 유지 보수하기에 용이하도록 깔끔하게 코드를 짜려고 노력하는 편입니다. 다만, Ajax를 사용하여 웹 페이지 일부분을 렌더링하고자 할 때 유지보수는 꿈꿀 수 없을 정도로 더럽게 코드를 짜고 있는 제 모습을 볼 수 있었습니다. 그래서 코드를 깔끔하게 짜고자 모듈화를 한 경험에 대해 정리해볼까 합니다. 프로젝트 버전은 다음과 같습니다. 개발 도구: IntelliJ Spring Boot: 2.5.10 Java 11 Thymeleaf Spring.. 2022. 3. 4. Thymeleaf 사용 시 onclick 함수에 매개변수 넘기기 간단하게 스프링 프로젝트를 만들어주시고, Spring Web, Thymeleaf 라이브러리를 넣어주세요. Controller에서 Model에 샘플 객체 담아서 index.html을 렌더링하도록 했습니다. HomeController @Controller public class HomeController { @GetMapping("/") public String index(Model model) { Member member = new Member("wangtak@gmail.com", "왕탁이", 26); model.addAttribute("member", member); return "index"; } public static class Member { private String email; private .. 2022. 2. 26. 나를 위한 Thymeleaf 특징 정리 현재 업무에서 Vue.js, React와 같은 자바스크립트 라이브러리를 사용하여 웹을 구성하는 CSR 방식이 아닌 Thymeleaf를 사용한 SSR 방식의 웹 애플리케이션을 개발중입니다. Thymeleaf를 사용해보면 확실히 jsp 보다는 spring과 찰떡궁합인 것을 느끼게 되고 편리한 기능이 많아서 좋은 거 같습니다. 다만 기능이 많기에 모든 기능과 attribute를 외우는 것은 힘들기 때문에 (feat. 기억보단 기록을) 사용하면서 유용했던 기능이나, 근본적인 Thymeleaf의 특징을 앞으로 차차 정리해볼까 합니다. 이번 포스트에서는 영한님의 Spring MVC 2편에서 Thymeleaf의 특징을 잘 정리해주셔서 MVC 2편 강의를 토대로 제 입맛에 맞게 다시 정리해보려고 합니다. 특징 - 서버.. 2022. 2. 25. 이전 1 다음 반응형
