https://codingjalhaja.com/tags/gulp/Recent content in Gulp 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/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>