송민준의 개발노트

공식 사이트 1. Spring Cloud Config 구성 Spring Cloud Config는 분산 시스템에서 외부화된 구성을 위한 서버 측 및 클라이언트 측 지원을 제공한다. 구성 서버를 사용하면 모든 환경에서 애플리케이션의 외부 속성을 관리할 수 있는 중앙 장소가 있다. 클라이언트와 서버 모두에 대한 개념은 Spring Environment 및 PropertySource 추상화에 동일하게 매핑되므로 Spring 애플리케이션과 매우 잘 맞지만 모든 언어로 실행되는 모든 애플리케이션에서 사용할 수 있다. 애플리케이션이 배포 파이프라인을 통해 개발에서 테스트 및 프로덕션으로 이동할 때 이러한 환경 간의 구성을 관리하고 애플리케이션이 마이그레이션할 때 실행하는 데 필요한 모든 것을 갖추고 있는지 확인할 수..

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

바벨이란? Babel은 개발자가 최신 버전의 JavaScript를 사용하여 코드를 작성할 수 있도록 하는 JavaScript 컴파일러이며 해당 코드를 이전 브라우저와 호환되는 버전으로 컴파일합니다. 최신 JavaScript를 작성하고 모든 곳에서 실행할 수 있도록 도와줍니다. -> 바벨로 es6+ 스크립트들을 es5 스크립트로 트랜스파일링 함. 배포 전에 트랜스파일링도 가능하고 태그에 babel을 적용해서 브라우저에서 트랜스파일링도 가능함. * webpack 기반 프로젝트면 깔끔하게 처리가 가능한데 레거시 프론트면 별도 처리가 필요(ex. jsp) * 프로덕션에서는 성능상 배포 전에 작업하는게 좋음. 폴리필이란? 폴리필은 최신 코드를 실행할 수 있도록 대상 환경(예: 이전 브라우저)에서 누락된 필요한 기..

원인 JPA로 개발하던 와중 연관관계 설정 후 테스트를 해보니 에러가 발생했다. MultipleBagFetchException이 발생했는데 XToMany 관계를 설정하는데 있어 Eager Fetch를 사용할 경우 2개 이상의 List가 있으면 해당 Exception 이 발생한다. (Lazy로 설정하더라도 fetch join을 실행할 경우 한번에 가져오니 Eager로 봄) 원인을 분석해보니 Hibernate는 내부적으로 컬렉션을 참조하고 있는 대상을 추적하고 관리하기 위해 List를 PersistentBag이라는 객체로 래핑하여 한다. 그런데 엔티티에서 동시에 두개 이상의 Bag을 가져오면 카디션곱이 발생하고 Hibernate는 올바른 항목에 올바른 열을 매핑할 수 없다고 한다. 그래서 MultipleBa..

@SpringBootApplication // 총 4개의 설정 클래스를 실행시키며 스프링 배치의 모든 초기화 및 실행 구성이 이루어진다 @EnableBatchProcessing public class SpringBatchApplication { public static void main(String[] args) { SpringApplication.run(SpringBatchApplication.class, args); } } 스프링 배치 초기화 설정 클래스는 총 3가지가 있다. 1. BatchAutoConfiguration - 배치가 초기화 될 때 자동으로 실행되는 설정 클래스 - Job을 수행하는 JobLauncherApplicationRunner 빈을 생성 2. SimpleBatchConfigura..

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'example') 콘솔에서 위와 같이 부모컴포넌트에서 자식컴포넌트의 'example'이라는 데이터를 참조하여 초기 렌더링 시에 발생하는 문제를 해결하는 방법이다. 문제의 코드는 아래와 같다. computed를 이용해서 refs로 example이라는 데이터에 접근을 했더니 위와 같은 문제가 생긴 것이다. // 부모 컴포넌트 {{ example }} // 자식 컴포넌트 자식 코드를 아래와 같이 고쳐주자. computed: { example () { return this.$refs.child?.example || '대체 문자' } }, 해결방법은 옵셔널 체이닝을 사용해서..

보호되어 있는 글입니다.

엄격모드란? ( 느슨한 모드 ) 기본적으로 자바스크립트는 상위호환성 이슈 없이 발전해왔다. 하지만 기본적으로 불완전하게 만들어졌던 기능들이 있어 ES5에서는 새로운 기능들이 추가되고 기존 기능 중 일부가 변경되었다. 기존 기능이 변경되었기 때문에 하위 호환성에 문제가 있었고 "use strict"라는 특별한 지시자를 사용해 엄격 모드를 활성화 했을 경우만 이 변경사항이 활성화되게 해놓았다. 또한 자바스크립트가 묵인했던 여러 에러들의 에러 메시지를 발생시킨다. 사용법 "use strict" // 가장 최상단에 위치해야함 함수에서 사용법 function strict() { 'use strict'; // 로직 } * 자바스크립트 엔진을 이전 방식으로 되돌리는 "no use strict" 같은 지시자는 존재하지..