송민준의 개발노트

여러 프로젝트를 관리함에 따라 공통적으로 쓰이는 클래스들을 한번에 관리할 필요성이 느껴졌다. nexus 솔루션이 대중적으로 많이 쓰인다고는 하나 개인적으로 사용하고 AWS 프리티어에서 사용하기엔 사양이 부족해서 좀 과하다 싶었다. 그래서 대안으로 github을 이용하는 방법을 찾아서 세팅을 해보았다! 방법은 아래와 같다. 1. 프로젝트를 생성한다. ( 여기선 maven ) 2. 공통적으로 사용할 파일 생성 3. maven deploy 실행 - 로컬 파일 기반으로 생성하는 것이라 파일경로는 상대적이다. local_maven_repo='C:\Users\dkask\IdeaProjects\camping-msa\common' # Local Maven Repository의 snapshots 폴더로 deploy 실행..

프론트 개발을 하면 필수적으로 많이 사용하는 함수들을 모아서 공통 js 파일을 만든다. Vue에서는 어떻게 사용하는지 정리하도록 하겠다. 우선 공통 js를 만들기 전에 플러그인이라는 개념에 대해 알아야한다.(전역 수준으로 함수 만들어서 사용할거니까...) 따로 정리하진 않겠다. https://kr.vuejs.org/v2/guide/plugins.html 플러그인 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 플러그인으로 사용할 공통 js 파일을 plugins이나 assets이나 본인이 선호하는 곳에 아래와 같이 만들어준다. import Vue from 'vue' export default{ install(Vue) { const pt = Vue.prototype..

공부할 때나 실무에서나 개발을 하다보면 정신없게 늘어만 가는 DTO를 보고 어떻게 줄일 수 없을까라는 생각을 하게 된다. 너무 많아져 IDE의 도움 없이는 찾지도 못할 수준이 되는 프로젝트도 있다. 그래서 이번 기회에 DTO에 관한 부분을 고민하고 개선해보기로 했다. 우선 내가 생각하기에 충족되어야 할 조건들은... 아래와 같았다. 1. 패키지 구조에서 보다 간단하게 2. API에 필요한 데이터들만 뽑아낼 DTO 3. Swagger에 명시가 가능하게 4. 필요에 따라 페이징도 적용 가능하게 이것저것 찾아보고 고민해본 결과 inner class 패턴이 보기에 좋고 관리하기도 좋아보였다. Account(계정)을 예로 남겨보겠다. swagger 및 valid 관련 코드는 가독성을 위해 제거했으니 필요하다면 추..

레이아웃 방식이란? 공통 영역을 별도의 파일로 분리하여 필요한 곳에서 가져다 쓰는 방식 예를 들어, 부트스트랩과 제이쿼리를 가져다 쓴다고 하면 화면 어디서나 필요로 한다. 레이아웃 파일들을 만들어 각각의 공통 코드를 넣어주면 된다. * CDN 방식으로 사용을 많이 했는데 CDN의 경우 실제서비스에서는 잘 사용하지 않는다. 외부 서비스에 우리 서비스가 의존하게 되는 형식이라 CDN이 문제가 생기면 우리도 덩달아 문제가 생김 * 프로젝트에 navbar에 각종 라이브러리 담았단 것 생각하면 될듯