CI/CD에 대표적인 젠킨스의 WebHook을 알아 보려고 합니다. 그렇다면 WebHook은 무엇일까요?? WebHook WebHook은 어떠한 이벤트가 일어나면 설정했던 URL로 특정 정보,이벤트를 보내거나 알려주는것을 말합니다. 쉽게 보면, 특정행동이 일아나면 알려주는 것이라고 보면 됩니다. WebHook을 사용하지 않고 특정 이벤트 혹은 변경이 일어 났는지 알고자 한다면 짧은 주기로 서버에 계속 요청하여 확인 하는 방법을 즉 polling 사용해야 하는데 그렇게 한다면 많은 부담을 줄 것입니다. 그에 비해 Webhook관련 설정을 하고 그저 기다리면 필요한 정보 및 이벤트를 알려 주기 때문에 해당 서비스에 부담을 줄일 수 있어 많이 사용합니다. 아래를 보시면 쉽게 이해 할 수 있을 꺼에요! 그렇다면..

JS 또는 Vue를 개발하다보면 import/export를 많이 보시거나 사용 하 실 것입니다. 이것이 정확하게 어떻게 작동을하고 무엇을 의미하는지 모르고 쓰시는 경우가 많습니다. 그래서 이러한 내용을 간단하게 알아 보고자 합니다. 대부분의 서비스는 각 기능별로 나누어서 작업하고 이러한 기능들이 모아서 하나의 서비스를 동작시키도록 되어있습니다. 이러한 각 기능별로 나누어진것을 모듈이라고 생각 하시면 됩니다. 이렇게 나누어진 모듈 또는 라이브러리를 다른 쪽에서 가져다 사용하고 싶다면 어떻게 해야 할까요? es5에서는 외부 모듈들을 가져다 사용하느것이 매끄럽지 못했습니다. 하지만 es6로 넘어 오면서 import/export를 통해서 좀더 쉽게 가져다 사용하는 것이 가능 해 졌습니다. 그렇다면 어떻게 사용 ..

안녕하세요 오늘은 JPA 사용시 @Entity를 외래키의 값을 통해 조회하는 방법을 알아 보려고 합니다. 대부분 간단한CRUD의 경우 JpaRepository를 통해 쉽고 빠르게 처리합니다. 하지만 Entity의 컬럼값으로 조회는 어떻게 하는지 알지만 FK의 값으로 조회하고 싶은경우 findby를 어떻게 작성해야 될지 모르는 경우가 많아 이렇게 글을 작성하게 되었습니다. Entity Member.class @ToString @Getter @Setter @Entity @Builder @Table(name = "member") @AllArgsConstructor @NoArgsConstructor public class Member{ @Id @GeneratedValue(strategy = GenerationT..

안녕하세요 오늘은 스프링 부트 AOP를 통해 Controller 호출로그와 파라미터 넘기기를 해보려고 합니다. 많은 글에서 AOP를 통해 로그를 찍긴 하지만 파라미터를 어떻게 넘길 수 있는지는 설명이 없어서 직접 경험하고 찾아서 한번 만들어 보았습니다. 이경우 리플렉션의 사전 지식이 필요합니다. build.gradle compile 'org.springframework.boot:spring-boot-starter-aop' LogAop @Component @Aspect public class LogAop { Logger logger = LoggerFactory.getLogger(LogAop.class); @Around("execution(* com.develop.kr.tddproject.controller..

어플리케이션을 만들면 어플리케이션을 만들면서 사용한 모든 오픈소스 라이센스 고지를 해야합니다. 하지만 수많은 라이센스를 고지하기에는 어려움이 있습니다. 이 때 gradle을 사용하는 경우 좋은 plugin이 있습니다. 그것은 바로 "gradle-license-plugin" 입니다. 해당 플러그인을 사용하면 자신이 사용한 라이센스를 html, excel, json 형태로 뽑아 주기 떄문에 아주 유용하게 사용 할 수 있습니다. 1. build.gradle buildscript { repositories { jcenter() google() } dependencies { classpath 'com.jaredsburrows:gradle-license-plugin:0.8.90' } } apply plugin: '..

1장에서 Vue의 장점을 설명하면서 컴포넌트를 이야기 했습니다. 그 컴포넌트에 대해서 이야기 하려고 합니다. Component(컴포넌트)? Component는 하나의 부품이라고 보시면 이해기 쉬울 것입니다. 예로 기계를 만들때 여러 부품을 조합하여 만드는 것을 생각 해 볼 수 있습니다. 이러한 부품들은 나중에 다시 재활용도 가능하고 여러 장점이 가득합니다. Vue 컴포넌트 또한 똑같습니다. 또한 이러한 컴포넌트는 어느 형식을 가지고 있기 때문에 다른 사람이 해당 코드를 보더라도 쉽게 직관적으로 이해 할 수 있다는 것도 장점으로 작용합니다. 이러한 Component에는 두 종류가 존재합니다. Local(지역) Component 와 global (전역) component 가 존재합니다. 그렇다면 두개의 차이..

Vue 인스턴스? Vue에는 절대 인스턴스 개념이 빠질 수 없습니다. 인스턴스는 전역인스턴스와 지역인스턴스가 존재합니다. 해당 개념은 예제를 통해 쉽게 이해 할 수 있어요. 1. 아무 에디터를 키고 index.html을 만들어서 아래의 코드를 삽입 하고 실행 시켜주세요 {{testMessage}} 클릭 2. 아래와 같은 화면이 등장할것입니다. "안녕하세여 pooney입니다" 가 출력 될 것입니다. 3. 또한 아래와 같이 클릭버튼을 클릭하면 alert 창이 노출될 것입니다. 4. new Vue{()} 라는 생성자를 통해 정의한 testMessage의 텍스트가 {{testMessage}}에 정확하게 출력되고 버튼을 클릭하면 해당 메소드가 실행되면서 정의한 alert가 호출되는 것을 확인 할 수 있습니다. 눈..

저도 Vue는 처음이지만 공부를 하면서 제가 느꼈던 것에대 하여 이렇게 블로그에 남기게 되었습니다. 처음 Vue라는 것에 큰 벽을 느겼지만 하나씩 하나씩 해나가면서 아주 조금은 이해 할 수 있었습니다. Vue.js 란? Vue 사용자에게 즉각적으로 보여지는 웹페이지를 개발하기 위한 프론트엔드 프레임워크의 한 종류로 보시면됩니다. 간단 하게 네이버, 구글 모든 웹브라우저에서 보여지는 화면을 좀더 쉽게 그리기 위한 하나의 도구(프레임워크)라고 이해 하셔됩니다. Vue 장점 1. Vue는 컴포넌트를 사용한다는 것 입니다. 컴포넌트(Componet)는 간단하게 말하자면 하나의 부품이라고 보시면 됩니다. 여러 부품을 가지고 하나의 기계를 만드는 것처럼 컴포넌트 또한 여러 컴포넌트를 가지고 하나의 페이지를 구성할 ..