https://codingjalhaja.com/tags/thymeleaf/Recent content in Thymeleaf on 코딩잘하자Hugoko-krSat, 15 Apr 2023 00:00:00 +0900https://codingjalhaja.com/springboot/thymeleaf-axios-with-gulp/Sat, 15 Apr 2023 00:00:00 +0900https://codingjalhaja.com/springboot/thymeleaf-axios-with-gulp/<h2 id="개요">개요</h2> <p>지난번 포스팅 <a href="https://codingjalhaja.com/springboot/thymeleaf-with-gulp-devserver/" >자동화 세팅 포스팅</a> 에 이은</p> <p>Thymeleaf 템플릿엔진 환경에서 axios 활용하기에 대한 포스팅입니다.</p> <p>제가 웹개발을 한참 공부 할때 AJAX 라는 용어가 등장했습니다. AJAX 는 (Asynchronous JavaScript And XML) 의 약자로, 용어 그대로 서버와 비동기적으로 통신할 수 있게 만드는 웹개발 기법입니다.</p> <p>ajax 등장이후 많은부분이 폼서브밋방식(동기) 이 아닌 비동기 호출로직으로 작성하게 되었습니다. ajax 기술을 구현하기 위해 기본 브라우저 내장 XMLHttpRequest 객체를 활용하기도 했지만, 대부분은 더 쉽고 기능이 많은 라이브러리를 많이 사용하였습니다. 그중 하나가 바로 jQuery 이구요.</p>https://codingjalhaja.com/springboot/convert-egovframe-to-springboot/Sun, 26 Mar 2023 00:00:00 +0900https://codingjalhaja.com/springboot/convert-egovframe-to-springboot/<h2 id="개요">개요</h2> <p>우리나라 SI/SM 환경은 오래전부터 전자정부 프레임워크 라는 정부 주도로 만들어진 프레임워크 개발된 웹프로그램이 상당히 많다.</p> <p>전자정부 프레임워크는 등장 당시 중구난방했던 개발환경을 통합한 것에 대해서는 매우 획기적이였고</p> <p>정부주도로 공공기관 프로젝트부터 필수 사항이 되다 보니 한국에서는 이게 필수 웹개발환경이 되어 버린 케이스라고 하겠다.</p> <p>물론 처음에는 공공기관 개발환경을 통합을해서 생산성향상에 크게 기여했다는 바는 부정할수 없는 사실이다.</p> <p>그렇지만 개발업계가 어떤가? 하루에도 수십개의 새로운 기술이 쏟아지고 더나은 패러다임. 더나은 디자인패턴 들이 새로 나온다.</p> <p>그러나 전자정부프레임워크는 상당히 과거에 머물러 있고, 업데이트도 매우 더딘편이다.</p>https://codingjalhaja.com/springboot/thymeleaf-with-gulp-devserver/Sat, 07 Jan 2023 00:00:00 +0900https://codingjalhaja.com/springboot/thymeleaf-with-gulp-devserver/<h2 id="1-배경">1. 배경</h2> <p>오늘은 스프링부트, Thymeleaf 템플릿 엔진 환경에서 프론트엔드 개발환경 세팅 방법에 대해서 포스팅 하겠습니다.</p> <p>많은 외부라이브러리(js)와 css 파일을 따로 관리하면 처음에는 아무문제 없지만 프로젝트가 커지고 그러다 보면 버전관리도 제대로 안되고,</p> <p>유지보수에도 많은 애로사항이 생길 수 있습니다.</p> <p>지금 제가 소개하는 방법은 gulp (task-runner) 를 활용하여 프론트엔드 전반의 정적 파일들을 관리하고 자동화하여</p> <p>개발시에도 편리하게 개발 할 수 있고, 배포시에도 build.gradle 파일을 수정하여 배포 역시 간단히 할 수 있는 방법에 대해서 소개해 드리겠습니다.</p>https://codingjalhaja.com/springboot/thymeleaf-sass-with-gulp/Thu, 17 Nov 2022 00:00:00 +0900https://codingjalhaja.com/springboot/thymeleaf-sass-with-gulp/<h2 id="1-배경">1. 배경</h2> <p>오늘은 스프링부트, Thymeleaf 템플릿 엔진 환경에서 sass 개발 세팅 방법에 대해서 포스팅 하겠습니다.</p> <p>스프링부트와 잘어울리는 thymeleaf 템플릿엔진 환경으로 개발하다 보면, sass 환경이라던지 js 모듈관리가 안되어서 답답할 때가 있습니다.</p> <p>이때 좋은 대안중 하나는 gulp를 이용하며 task를 작성하고 자동화하면 vue나 react, node 로 개발할때와 같은 자동화 환경을 구축 할 수 있습니다.</p> <p>그래서 이번 포스팅에서는 gulp를 이용한 개발환경을 세팅하고 sass 개발환경을 구축을 해보겠습니다.</p> <h2 id="2-준비">2. 준비</h2> <h3 id="21-샘플-프로젝트-생성">2.1 샘플 프로젝트 생성</h3> <p>우선 스프링 부트 스타터에서 프로젝트를 생성해줍니다.</p>