스프링부트 on 코딩잘하자

[Spring Boot] 전자정부프레임워크 에서 스프링부트 변환 - (3)

Sun, 04 Jun 2023 00:00:00 +0900

리팩토링

저번 포스팅에 이어서 리빌딩을 해보려고 합니다.

지난번 포스팅은 전자정부프레임워크 에서 스프링부트 변환 - (2)

에서 확인할 수 있습니다.

오늘 포스팅으로 전자정부프레임워크 에서 스프링부트 변환 포스팅은 마무리 됩니다.

jQuery

아마 레거시 프로젝트에서는 jQuery의 비중이 아주 높을 겁니다.

아주 간단한 기능 조차도 jQuery를 이용한 경우가 많을 것인데

이러한 것들을 전부 바닐라 자바스크립트로 구현하면 됩니다.

자주 쓰이는 패턴 변환 방법에 대해서 논의합니다.

Selector

간단한 예제로 특정 아이디나 클래스로 선택한 엘리먼트에 특정 클래스를 추가하거나 제거 한다고 합시다.

[Spring Boot] vscode 개발 환경 구축하기 (Windows)

Sun, 21 May 2023 00:00:00 +0900

1. 배경

오늘은 스프링부트 개발환경 구축하기에 대해서 포스팅하겠습니다.

이미 mac 용으로 포스팅 했었는데요.

오늘은 windows 유저를 위한

vscode 에서 스프링 부트 개발환경 세팅하는 방법에 대하여 이야기 하겠습니다.

아무것도 설치가 안되어있다고 가정하겠습니다.

2. 프로그램설치

2.1 vscode 설치

vscode 를 설치 합니다.

우선 구글에서 vscode를 검색해줍니다.

여기서 다운로드로 들어갑니다.

윈도우 인스톨러를 클릭해줍니다.

여기서는 왠만하면 그냥 디폴트 값으로 전부 다음만 눌러주시면됩니다.

[Spring Boot] Thymeleaf 에서 axios 사용하기 (gulp)

Sat, 15 Apr 2023 00:00:00 +0900

개요

지난번 포스팅 자동화 세팅 포스팅 에 이은

Thymeleaf 템플릿엔진 환경에서 axios 활용하기에 대한 포스팅입니다.

제가 웹개발을 한참 공부 할때 AJAX 라는 용어가 등장했습니다. AJAX 는 (Asynchronous JavaScript And XML) 의 약자로, 용어 그대로 서버와 비동기적으로 통신할 수 있게 만드는 웹개발 기법입니다.

ajax 등장이후 많은부분이 폼서브밋방식(동기) 이 아닌 비동기 호출로직으로 작성하게 되었습니다. ajax 기술을 구현하기 위해 기본 브라우저 내장 XMLHttpRequest 객체를 활용하기도 했지만, 대부분은 더 쉽고 기능이 많은 라이브러리를 많이 사용하였습니다. 그중 하나가 바로 jQuery 이구요.

[Spring Boot] 전자정부프레임워크 에서 스프링부트 변환 - (2)

Thu, 30 Mar 2023 00:00:00 +0900

리팩토링

저번 포스팅에 이어서 리빌딩을 해보려고 한다.

지난번 포스팅은 전자정부프레임워크 에서 스프링부트 변환 - (1)

에서 확인할 수 있다.

mybatis

기존은 mybatis를 썻을경우 아마도 1:1로 매퍼가 존재하고

각각의 쿼리는 매퍼와 연결된 xml 쿼리로 작성되었을 것이다.

기존은 아마 이러한 구조의 서버 흐름으로 코딩 되어있을 것이다.

controller -> service -> (serviceImpl) -> mapper -> xml(쿼리)

여기서 보통 serviceImpl은 있을수도 있고 없을수도 있다.

우리는 아래와 같은 서버 흐름으로 바꾸면 된다.

controller -> (service) -> repository(쿼리)

[Spring Boot] 전자정부프레임워크 에서 스프링부트 변환 - (1)

Sun, 26 Mar 2023 00:00:00 +0900

개요

우리나라 SI/SM 환경은 오래전부터 전자정부 프레임워크 라는 정부 주도로 만들어진 프레임워크 개발된 웹프로그램이 상당히 많다.

전자정부 프레임워크는 등장 당시 중구난방했던 개발환경을 통합한 것에 대해서는 매우 획기적이였고

정부주도로 공공기관 프로젝트부터 필수 사항이 되다 보니 한국에서는 이게 필수 웹개발환경이 되어 버린 케이스라고 하겠다.

물론 처음에는 공공기관 개발환경을 통합을해서 생산성향상에 크게 기여했다는 바는 부정할수 없는 사실이다.

그렇지만 개발업계가 어떤가? 하루에도 수십개의 새로운 기술이 쏟아지고 더나은 패러다임. 더나은 디자인패턴 들이 새로 나온다.

그러나 전자정부프레임워크는 상당히 과거에 머물러 있고, 업데이트도 매우 더딘편이다.

[Spring Boot] Thymeleaf 에서 프론트엔드(css,js) 개발환경 자동화하기 (gulp)

Sat, 07 Jan 2023 00:00:00 +0900

1. 배경

오늘은 스프링부트, Thymeleaf 템플릿 엔진 환경에서 프론트엔드 개발환경 세팅 방법에 대해서 포스팅 하겠습니다.

많은 외부라이브러리(js)와 css 파일을 따로 관리하면 처음에는 아무문제 없지만 프로젝트가 커지고 그러다 보면 버전관리도 제대로 안되고,

유지보수에도 많은 애로사항이 생길 수 있습니다.

지금 제가 소개하는 방법은 gulp (task-runner) 를 활용하여 프론트엔드 전반의 정적 파일들을 관리하고 자동화하여

개발시에도 편리하게 개발 할 수 있고, 배포시에도 build.gradle 파일을 수정하여 배포 역시 간단히 할 수 있는 방법에 대해서 소개해 드리겠습니다.

[Spring Boot] Thymeleaf 에서 sass 사용하기 (gulp)

Thu, 17 Nov 2022 00:00:00 +0900

1. 배경

오늘은 스프링부트, Thymeleaf 템플릿 엔진 환경에서 sass 개발 세팅 방법에 대해서 포스팅 하겠습니다.

스프링부트와 잘어울리는 thymeleaf 템플릿엔진 환경으로 개발하다 보면, sass 환경이라던지 js 모듈관리가 안되어서 답답할 때가 있습니다.

이때 좋은 대안중 하나는 gulp를 이용하며 task를 작성하고 자동화하면 vue나 react, node 로 개발할때와 같은 자동화 환경을 구축 할 수 있습니다.

그래서 이번 포스팅에서는 gulp를 이용한 개발환경을 세팅하고 sass 개발환경을 구축을 해보겠습니다.

2. 준비

2.1 샘플 프로젝트 생성

우선 스프링 부트 스타터에서 프로젝트를 생성해줍니다.

[Spring Boot] vscode 개발 환경 구축하기 (MAC)

Sun, 24 Jul 2022 00:00:00 +0900

1. 배경

오늘은 스프링부트 개발환경 구축하기에 대해서 포스팅하겠습니다.

저는 과거에 이클립스를 사용하여 스프링 개발을 했었는데요.

최근에는 vue, react, node 등으로 개발을 진행하면서 에디터로 vscode 를 많이 사용하였습니다.

수년간 vscode를 사용하면서 장점들이 너무 많고, 쓰다보니 매우 가볍고 파워풀한 에디터라서 이제 거의 이거만 사용하게 되었습니다.

그래서 이번에 스프링부트로 개발할 기회가 생겼지만 이클립스를 버리고, 개발환경은 vscode 에서 개발환경을 구축하였고, 현재 활용중입니다.

세팅이 아예 하나도 안되어있다고 가정하겠습니다.

2. 준비

2.1 openjdk 11 설치

우선 처음에 jdk 를 설치해 줘야합니다. vscode 익스텐션 요구사항이 최소 11이기 때문에 익숙한 오라클 1.8(8) 버전을 버리고 완전무료인 openjdk11 을 설치해줍시다.