풍림개발자

구글에서 출시한 프레임워크, 플러터는?

풍림개발자 — Thu, 2 Mar 2023 23:42:42 +0900

구글에서 2017년5월 출시한 모바일앱,데스크톱앱,웹브라우저(웹은 아직 갈길이 멀다..)
에서 전방위로 사용 가능한 크로스플랫폼 SDK이다. 하나의 코드 베이스로 iOS, macOS, 안드로이드,
윈도우,리눅스 및 웹브라우저에서 모두 동작되게 만들어졌다. 현재 구글의 차기 운영체제 퓨시아의 UI도
플러터로 개발중이다.

크로스플랫폼이란? ️

기업은 고객에게 최우선으로 최상의 서비스를 제공하는 앱을 만들고 싶어한다.
하지만 iOS, 안드로이드용으로 네이티브 앱을 개발하는 것은 별도의 코드베이스를 따로 관리해야 하며
많은 비용과 시간이 투자되어야 하는데 이러한 문제를 해결하기 위해 나온 대책이 크로스플랫폼이다.
이러한 크로스플랫폼이 여러가지 있는데 대표적으로 플러터와 리액트 네이티브가 있다.

학습

어떤 기술이 더 배우기 쉬울까..?
리액트 네이티브는 대부분의 개발자에게 익숙한 자바스크립트 기반의 JSC를 사용하고 있기 때문에 접근성이 쉽다.
대부분의 리액트 개발자는 역시 별다른 학습 없이 앱개발을 시작할 수 있을것이다.
하지만 플러터는 대부분의 개발자에게 생소한 다트(Dart) 언어를 사용하기 때문에
플러터를 익히기 위해서는 이 언어를 배워야 한다는 진입장벽이 있다.

성능

플러터는 Dart기반의 프레임워크이며, skia2 GUI 와 C/C++ 엔진을 사용한다.
이러한 언어적 특성으로 네이티브플랫폼과 플러터간 추가적인 변환이 필요하지 않아서 더 빠른 성능을 보여준다.
반면 리액트 네이티브는 JS Bridge라는 자바스크립트 런타임 환경을 사용하여 네이티브플랫폼간의 연결을 만들기
때문에 성능에 영향을 미치게 된다. 하지만 여러 커뮤니티에서 이런한 성능을 향상시키기 위한 노력이 꾸준히
이야기 되고 있고 페이스북에서 성능을 개선하기 위한 헤르메스라는 새로운 자바스크립트 엔진을 발표하기도 했다.

생성자에 매개변수가 많다면 빌더를 고려하라.

풍림개발자 — Sun, 24 Jul 2022 14:22:26 +0900

#이펙티브 자바

정적 팩터리와 생성자에는 매개변수가 많을수록 적절히 대응하기 어렵다는 단점이 있다.

식품의 영양정보를 표기하는 클래스를 만들어보자.

영양정보는 1회내용량, 총n회제공량, 1회제공량당 칼로리 같은 필수항목과 총 지방 트랜스지방, 포화지방, 콜레스테롤, 나트륨 등 총 20개가 넘는 항목으로 이루어진다.
이런 클래스의 생성자 혹은 정적 팩터리는 어떤 모습일까?
점층적 생성자 패턴을 주로 사용한다.

// 점층적 생성자 패턴기법
public class NutritionFacts{
    private final int servingSize;  // 필수
    private final int servings;     // 필수
    private final int calories;     // 선택
    private final int fat;          // 선택
    private final int sodium;       // 선택
    private final int carbohydrate; // 선택

    public NutritionFacts(int servingSize, int servings){
        this(servingSize, servings, 10);
    }

    public NutritionFacts(int servingSize, int servings, int calories){
        this(servingSize, servings, calories, 0);
    }

    public NutritionFacts(int servingSize, int servings, int calories,
                          int fat){
        this(servingSize, servings, calories, fat, 0);
    }

    public NutritionFacts(int servingSize, int servings, int calories,
                          int fat, int sodium){
        this(servingSize, servings, calories, fat, sodium, 0);
    }

    public NutritionFacts(int servingSize, int servings, int calories,
                          int fat, int sodium, int carbohydrate){
        this.servingSize = servingSize;
        this.servings = servings;
        this.calories = calories;
        this.fat = fat;
        this.sodium = sodium;
        this.carbohydrate = carbohydrate;
    }
}

이러한 경우 원하는 객체를 만들기 위해 원하는 매개변수를 포함하는 생성자를 골라 호출하면 된다.
하지만 매개변수가 늘어나게 되면 금세 걷잡을 수 없게 된다.

점층적 생성자 패턴의 대안

자바빈즈 패턴

class NutritionFacts{

    private int servingSize  = -1;  // 필수
    private int servings     = -1;  // 필수
    private int calories     = 0;   // 선택
    private int fat          = 0;   // 선택
    private int sodium       = 0;   // 선택
    private int carbohydrate = 0;   // 선택

    public NutritionFacts() { }

    public void setServingSize(int servingSize) {
        this.servingSize = servingSize;
    }

    public void setServings(int servings) {
        this.servings = servings;
    }

    public void setCalories(int calories) {
        this.calories = calories;
    }

    public void setFat(int fat) {
        this.fat = fat;
    }

    public void setSodium(int sodium) {
        this.sodium = sodium;
    }

    public void setCarbohydrate(int carbohydrate) {
        this.carbohydrate = carbohydrate;
    }
}

NutritionFacts cocaCola = new NutritionFacts();
cocaCola.setServingSize(240);
cocaCola.setServings(8);
cocaCola.setCalories(100);
cocaCola.setSodium(35);
cocaCola.setCarbohydrate(27);

자바빈즈 패턴에선 점층적 생성자 패턴의 문제가 보이지 않는다.
하지만 심각한 단점이 있다.
객체 하나를 만들기 위해 여러 메서드를 호출해야하고 객체가 완성되기 전까진 일관성이
유지되지 못하게 된다. 이러한 문제로 자바빈즈 패턴에선 불변클래스를 얻을 수 없게 된다.

빌더 패턴

필요한 객체를 직접 만드는 대신 필수 매개변수만으로 생성자를 호출하여 빌더 객체를 얻은 후에 원하는 선택매개변수들을 세터 메서드를 이용하여 설정하고 마지막으로 매개변수가 없는 build()메서드로 원하는 객체를 얻는다.

class NutritionFacts{
    private final int servingSize;
    private final int servings;
    private final int calories;
    private final int fat;
    private final int sodium;
    private final int carbohydrate;

    public static class Builder{
        // 필수 매개변수
        private final int servingSize;
        private final int servings;

        // 선택 매개변수
        private int calories     = 0;
        private int fat          = 0;
        private int sodium       = 0;
        private int carbohydrate = 0;

        public Builder(int servingSize, int servings) {
            this.servingSize = servingSize;
            this.servings = servings;
        }

        public Builder calories(int calories){
            this.calories = calories;
            return this;
        }

        public Builder fat(int fat){
            this.fat = fat;
            return this;
        }

        public Builder sodium(int sodium){
            this.sodium = sodium;
            return this;
        }

        public Builder carbohydrate(int carbohydrate){
            this.carbohydrate = carbohydrate;
            return this;
        }

        public NutritionFacts build(){
            return new NutritionFacts(this);
        }
    }

    private NutritionFacts(Builder builder){
        servingSize  = builder.servingSize;
        servings     = builder.servings;
        calories     = builder.calories;
        fat          = builder.fat;
        sodium       = builder.sodium;
        carbohydrate = builder.carbohydrate;
    }
}

빌더패턴을 사용하면 NutritionFacts 클래스는 불변객체로 활용할수 있으며, 코드를 쓰기 쉽게할 수 있으며, 읽기도 쉬워진다.

필자도 현업에 종사하면서 매개변수가 많은 생성자들을 많이 접해봤고 작성도 해보았다.
이러한 코드를 작성할때마다 느꼈지만 복잡하고 난해하기 그지없었다. 매개변수의 순서와 타입까지 맞춰줘야 하니까 말이다. 잘못된 매개변수값을 던지면 런타임시점에서 잡아주지도 못하기 때문에 항상 주된 에러를 일으키는 주범이기도 한데 빌더 패턴을 이용하면 이러한 문제들이 해결될 것으로 본다.

생성자 대신 정적 팩터리 메서드를 고려하라.

풍림개발자 — Sun, 10 Jul 2022 02:26:23 +0900

클래스의 객체를 얻는 수단 중 보편적인 방법은 public 생성자를 이용하는 것이다.

하지만 더 좋은 수단이 하나 더 있다.

static method를 이용하는 것이다. 정적 팩터리 메서드를 사용한다는 것은 그 클래스의 인스턴스를 반환하는 메서드를 사용하는 것이다. Boolean.valueOf는 boolean 값을 받아 Boolean 객체를 반환해준다.

    public static Boolean valueOf(boolean c) {  
        return c ? Boolean.TRUE : Boolean.FALSE;  
    }

이 방식에는 public 생성자를 이용하는 방식보다 좋은 점 5가지가 있다.

첫번째, 이름을 가질 수 있다.

public 생성자만으로는 반환될 객체의 특성을 제대로 설명하기 힘들다.
반면 정적 팩터리 메서드는 쉽게 묘사가 가능하다. 예컨대
BigInteger(int, int, Random) 와 BigInteger.getPrime 중 '값이 소수인 BigInteger를 반환'
의 의미를 더 잘 묘사하고 있는지 생각해보라.

두번째, 호출할때마다 새로운 인스턴스를 반환할 필요가 없다.

불변 클래스와 같이 불필요한 객체 생성을 막을 수 있고 같은 객체가 자주 요청되는 상황에
성능을 상당히 끌어올릴 수 있고 인스턴스의 생성주기 통제가 쉬워진다. 이런 클래스를
인스턴스 통제(instance-controlled) 클래스라고 한다. 인스턴스를 통제한다는 것은 클래스를
싱글톤으로 만들수도, 인스턴스화 불가로 만들수도, 불변클래스의 동치인 인스턴스가 단하나 임을
보장할 수 있게된다는 것이다.

 public class StaticFactoryMethod {
       private static final StaticFactoryMethod STATIC_FACTORY_METHOD 
                                                   = new StaticFactoryMethod();
       private StaticFactoryMethod() {}
       static public StaticFactoryMethod getNewInstanceByNumber() {
           return STATIC_FACTORY_METHOD;
       }
 }
   public static void main(String args[]){
         StaticFactoryMethod staticFactoryMethod  = StaticFactoryMethod.getNewInstance();
         StaticFactoryMethod staticFactoryMethod2 = StaticFactoryMethod.getNewInstance();

         System.out.println("staticFactoryMethod == staticFactoryMethod2 :" + (staticFactoryMethod == staticFactoryMethod2) );
   }

세번째, 반환 타입의 하위 타입객체를 반환할 수 있다.

반환할 객체의 타입을 자유롭게 선택할 수 있는 유연성으로 구현할 클래스 공개없이
그 객체를 반환할 수 있는 장점이 있다. 예컨대 자바 컬렉션프레임워크는 핵심 인터페이스들에
수정 불가나 동기화 등의 기능을 덧붙여 유틸리티적인 구현체를 제공하는데 이 구현체 대부분을
하나의 인스턴스화 불가 클래스인 java.util.Collections 에서 정적 팩터리 메서드를 통해 얻도록
구현햿다.

     public abstract class StaticFactoryMethod {

         abstract void getName();

         static public StaticFactoryMethod getNewInstance( String code ) {
             StaticFactoryMethod staticFactoryMethod = null;
             if( code.indexOf("2") == 1 ) {
                 staticFactoryMethod = new Point();
             } else {
                 staticFactoryMethod = new Coupon();
             }
             return staticFactoryMethod;
         }
     }
     class Coupon extends StaticFactoryMethod {
         public void getName() {
             System.out.println("쿠폰을 발행합니다.");
         }
     }

     class Point extends StaticFactoryMethod {
         public void getName() {
             System.out.println("포인트 1000점을 적립합니다.");
         }
     }

     public static void main(String args[]){
         StaticFactoryMethod staticFactoryMethod = StaticFactoryMethod.getNewInstance("223123");
         StaticFactoryMethod staticFactoryMethod1 = StaticFactoryMethod.getNewInstance("123123");
         staticFactoryMethod.getName();
         staticFactoryMethod1.getName();
     }

네번째, 입력 파라미터의 따라 다른 클래스의 객체를 반환 할 수 있다.

EnumSet 클래스는 public 생성자 없이 오직 정적 팩터리 메서드을 통해서만 객체를 반환한다.
원소의 수에 따라 64개 이하면 RecularEnumSet의 객체, 65개 이상이면 JunboEnumSet의 객체를
반환한다. 클라이언트는 이 객체를 알수도 알 필요도 없다.

     public abstract class StaticFactoryMethodType {
     public abstract void getName();

     static public StaticFactoryMethodType getNewInstance( String code ) {
         return new OneClass();
     }
     static public StaticFactoryMethodType getNewInstance( String code, String name ) {
         return new TwoClass();
     }

     }

     class OneClass extends StaticFactoryMethodType {
         public void getName() {
             System.out.println("쿠폰을 발행합니다.");
         }
     }

     class TwoClass extends StaticFactoryMethodType {
         public void getName() {
             System.out.println("포인트 1000점을 적립합니다.");
         }
     }
     public static void main(String args[]){
         StaticFactoryMethodType isOneObj = StaticFactoryMethodType.getNewInstance("code");
         StaticFactoryMethodType isTwoObj = StaticFactoryMethodType.getNewInstance("code","name");
         isOneObj.getName();
         isTwoObj.getName();
     }

다섯번째, 정적 팩터리 메서드 작성 시점에서는 해당 클래스가 존재하지 않아도 된다.

대표적으론 JDBC가 있다.

      public static void main(String[] args) {
       String url = "jdbc:oracle:thin:@localhost:1521:xe";
       String sql = "select * from employees";
       Connection conn = null;
       java.sql.Statement st = null; //DB와 소통하는 통로

       ResultSet rs = null; //결과 받아서 처리할때
       try {
           Class.forName("oracle.jdbc.driver.OracleDriver");
           System.out.println("driver load 성공!");
           conn = DriverManager.getConnection(url, "hr", "hr");
           System.out.println("DB 연결 성공!");

           st = conn.createStatement();
           rs = st.executeQuery(sql); //쿼리 실행 후 데이터들이 rs 저장
           while(rs.next()){ //한건씩 처리
               int empid = rs.getInt(1); //첫번째 칼럼 조회
               String fname = rs.getString("first_name"); //컬럼이름도 지정 가능
               int sal = rs.getInt("salary");
               Date hireDate =  rs.getDate("hire_date");
               System.out.println(empid+ "\t" + fname + "\t" + sal + "\t" + hireDate);
           }
       } catch (ClassNotFoundException e) {
           System.out.println("driver load 실패!");
           e.printStackTrace();
       } catch (SQLException e) {
           System.out.println("DB 연결 실패!");
           e.printStackTrace();
       } finally {
           try {
               if(rs != null) rs.close();
               if(st != null) st.close();
               if(conn != null) conn.close();
           } catch (SQLException e) {
               e.printStackTrace();
           }
       }    
   }

백트래킹 알고리즘

풍림개발자 — Sun, 17 Oct 2021 20:44:30 +0900

백트래킹 알고리즘

백준15651

백트래킹으로 푸는 문제.
- 백트래킹이란?
  1. 어떤 노드의 유망성을 판단하여, 해당 노드가 유망하지 않으면
    부모 노드로 돌아가 다른 자식 노드를 찾는 방법.
  2. 즉, 모든 경우의 수를 찾아보지만 가능성이 있는 경우의 수만 찾는 방법
- 문제의 조건 확인
  1. 1 ~ N 까지의 조합한다.
  2. M개를 선택하여 조합한다.(M이 깊이이다.)
  3. 중복해서 조합할 수 있다.
- DFS
  1. 대표적 백트래킹 알고리즘 DFS로 구현한다.
  2. 재귀함수를 사용하여 완전탐색 시전.

코드

 package programmers;

 import java.io.BufferedReader;
 import java.io.IOException;
 import java.io.InputStreamReader;
 import java.util.StringTokenizer;

 public class Baek15651 {
     static StringBuilder sb = new StringBuilder();
     static int N;
     static int M;
     static int[] selected;

     static void recFun(int k) {
         // M개를 전부고르면 return
         // 고르지 못했을 때, k번째부터 M번째 원소를 조건에 맞게 고르기.
         if (k == M) {
             for (int i=0; i<M; i++) sb.append(selected[i]).append(" ");
             sb.append("\n");
         } else {
             for (int i=1; i<=N; i++) {
                 selected[k] = i;
                 recFun(k+1);
             }
         }
     }
     public static void main(String args[]) throws IOException {
         input();
         recFun(0);
         System.out.println(sb.toString());
     }

     static void input() throws IOException {
         BufferedReader br = new BufferedReader(new InputStreamReader(System.in))
         StringTokenizer st = new StringTokenizer(br.readLine()," ");
         N = Integer.parseInt(st.nextToken());
         M = Integer.parseInt(st.nextToken());
         selected = new int[M];
     }
 }

git cherry-pick : 원하는 커밋을 가져와야 할때

풍림개발자 — Tue, 4 May 2021 01:46:59 +0900

회사에서 Git 을 사용하는데 개발브랜치에서 소스를 반영하고 테스트 후 운영브랜치에 git cherry-pick으로 반영을 하는데 이 cherry-pick 이 어떤 기능인지 모르고 써왔다. 이번에 운영에 소스를 반영할 때 문제가 생길수 있는 부분을 미연에 방지하고자 좀 더 git cherry-pick 이 어떻게 동작하고 무슨 기능인지 알아 보려고 한다.

git cherry-pick 이란?

특정 커밋만 가져오는 작업.

git cherry-pick 을 사용해야 하는 경우

여러 브랜치로 작업을 하는 중, 다른 브랜치에 있는 기능을 현재 브랜치에서 확인하고 싶을 때
- 그러니까 팀과 협업을 하는 도중, 나는 백엔드작업을 하고 다른 팀원은 프론트작업을 하는 도중
  css 파일만 commit을 했다고 한다. 이때 나는 merge를 하지 않고 그 css파일만 반영해서 확인하고
  싶을 떄 그 commit만 git cherry-pick을 하면 된다.
버그 수정을 해야할 때
- 이번에 주문내역조회 기능을 개발하고 서버에 반영을 했다. 그 후 상품주문하기 기능을 개발하던 도중
  주문내역조회 기능에 버그가 있다는 무서운 소리를 듣는다. 이 때 빨리 문제가 있는 소스를 수정 후 commit
  을 한다. 개발 브랜치에서 commit을 운영 브랜치에 git cherry-pick 을 사용하여 이 커밋만 반영하여 문제를
  해결한다.

방법

# git branch
 master
 develop

이렇게 두개의 브랜치가 있습니다. master는 지금 운영중인 브랜치고, develop는 개발 후 반영될 코드죠.
근데 갑자기 (예를들어)UI상의 오타가 발견되었어요. 이런 경우 master와 develop에 모두 반영되어야 하죠.

# git checkout master
# git commit -am "fixed: typo"
# git log --pretty=oneline
b14b975 fixed: typo
9f57292 ....
....

이렇게 master 에 반영이 되었습니다. 이 내용을 develop에 반영하려면 다음과 같이 하면 됩니다

# git checkout develop
# git cherry-pick b14b975
# git log --pretty=oneline
23fa1e76 fixed: typo
dd0f27c ...
...

Jenkins를 이용한 빌드배포 자동화 작업(Git, Maven프로젝트)

풍림개발자 — Sun, 20 Dec 2020 20:09:35 +0900

Jenkins는 Java로 빌드 된 오픈 소스 CI (Continuous Integration) 및 CD (Continuous Delivery) 도구 입니다. Jenkins는 기본적으로 소프트웨어 프로젝트를 빌드, 테스트 및 배포합니다. DevOps 개발 도구의 가장 기본적인 도구 중에 하나입니다. 오늘은 Ubuntu 18.04에 Jenkins를 설치하는 방법을 보여 드리겠습니다.
저는 Local PC에서 작성된 Maven프로젝트를 Github에 푸쉬하고 Jenkins가 이를 감지하고 자동으로 빌드부터 배포까지 간단하게 자동화하는 작업을 진행 해봤습니다.
이글은 배포할 웹프로젝트와 우분투서버, Git, Maven, tomcat8, JDK는 미리 세팅되어 있다는 가정하에 작성되었습니다.

젠킨스 설치

저장소 Key를 다운로드 후에 source.list에 추가하고 apt-get을 이용하여 jenkins 설치합니다.

$ wget -q -O - https://pkg.jenkins.io/debian/jenkins-ci.org.key | sudo apt-key add -

$ echo deb http://pkg.jenkins.io/debian-stable binary/ | sudo tee /etc/apt/sources.list.d/jenkins.list

$ sudo apt-get install jenkins

젠킨스는 기본 포트를 8080으로 쓰기 때문에 다른 서비스와 충돌날 위험이 있어 변경 해줍니다.

$ sudo vi /etc/default/jenkins

HTTP_PORT=8080
이 부분을 원하는 포트 번호로 변경해줍니다.

HTTP_PORT=9090
저같은 경우에는 9090으로 작성했습니다.

Jenkins 서비스 시작

sudo service jenkins restart

4.Jenkins 서비스 접속

젠킨스서버의 http:/ip:9090/ 주소를 입력하여 접속합니다.

처음 접속하게 되면 admin password를 입력해야 합니다.

$ sudo cat /var/lib/jenkins/secrets/initialAdminPassword
를 입력하여 password를 복사 붙여넣기 해줍니다.

양 쪽 선택하는 화면인데요, 오른쪽은 직접 플러그인을 선택하여 설치할 수 있습니다.

왼쪽화면은 몇 몇 필수 플러그인들이 기본 설정되서 처음에 설치가 됩니다. 시간이 다소 오래걸리지만 이 글에선 왼쪽을 선택해주겠습니다.

설치가 완료되면 계정을 하나 만드는 창이 뜹니다. 이 계정은 Jenkins를 접속할 때 필요한 계정이므로 기억해두세요.

계정을 만든 후에 URL은 기본으로 놓고 저장합니다.

이제 Jenkins를 사용할 준비가 다 됐습니다.

Jenkins 프로젝트 만들기

좌측 새로운 Item을 클릭해줍니다.
프로젝트 생성 메뉴가 나오면 이름을 입력해주고 Freestyle Project를 만들어줍니다.

프로젝트를 만들었으면 프로젝트로 들어가 '구성'메뉴를 눌러줍니다.

이제 빌드와 배포 설정을 해줄거에요.

젠킨스 자동빌드 및 자동배포 설정하기

General , 소스 코드 관리, 빌드 유발, 빌드 환경, Build, 빌드 후 조치 메뉴가 있습니다.

소스코드관리 탭을 가줍니다.

젠킨스에서 빌드할 소스를 Git에서 가져오기 위해 리포지토리 URL를 입력해줍니다.

Build탭을 가줍니다.

Maven Version은 글로벌 설정된 Maven의 이름을 작성해줍니다. (글로벌 설정은 잠시후 진행합니다.)

Goals는 maven이 실행할 작업을 입력해줍니다. 이번에는 clean install만 진행해주겠습니다.

빌드 후 조치 탭을 가줍니다.

이번 작업은 젠킨스관리 - 플러그인설치 - Deploy to container Plugin 설치 후 진행하셔야 합니다.

war/ear files 란에는 war,ear파일의 이름 또는 *표로 이름을 지정해주세요.

Context Path는 배포할 서비스의 (젠킨스의)컨텍스트 패스를 지정해주는거고, 공란으로 두시면 젠킨스 기본 컨텍스트 패스가 적용됩니다.

Containers에는 Tomcat 8.x Remote를 선택한 후 Tomcat URL은 톰켓 경로를 , Credentials에는 Tomcat 메니저에서 설정한 계정및 비밀번호를 적어줍니다.

(톰캣 매니저 설정 및 원격계정설정은 아래 포스팅을 참고해 주세요.)

Ubuntu tomcat8 설치 및 젠킨스 자동배포를 위한 tomcat8 manager 셋팅

이제 Buildnow를 누르면 빌드가 될겁니다.

Github push시 자동 빌드하기

Github webhook을 이용하면 github에 push가 되면 jenkins에게 알려주고 빌드를 유발할 수 있습니다.

본인의 GitHub 프로젝트 Settings >> Webhooks >> Add Webhook 클릭

Payload URL : "http://본인의Jenkins주소/github-webhook/"

나머지 항목은 기본으로 설정하고 "Add webhook" 클릭

Github와 Jenkins를 연결하려면 Github Integeration Plugin이 필요하다.

Jenkins관리 >> 플러그인 관리

설치 가능 탭 >> Github Integration 검색 >> 설치

Jenkins 설정

만들어 놓은 프로젝트로 이동 → 구성 클릭

빌드 유발 탭 이동 >> GitHub hook trigger for GITScm polling 체크

모든 설정이 완료 되었다면, 이후 설정한 Branch에 Push를 하였을때, 자동으로 jenkins 빌드가 유발되는 것을 볼 수 있다.

자바 커스텀 어노테이션 만들기

풍림개발자 — Sun, 2 Aug 2020 12:22:40 +0900

어노테이션

소스 코드에 메타 데이터를 표현하는 것입니다.
컴파일 과정, 런타임 과정에서 코드를 어떻게 처리해야할지 명시하는 것입니다.

자바에서 기본적으로 제공하는 어노테이션

@override 메소드가 오버라이드 됬는지 검증합니다. 만약 부모클래스 또는 인터페이스에서 해당 메서드를 찾을 수 없다면 컴파일 오류가 발생합니다.
@Deprecated 메소드를 사용하지 말도록 유도합니다.
@SupperessWarnings 컴파일 경고를 무시하도록 합니다.
이 외에도 여러가지 있습니다.

Meta Annotations

이 메타 어노테이션을 이용하여 사용자 커스텀 어노테이션을 만들어 낼 수 있습니다.

@Retention 어노테이션의 범위, 어떤 시점까지 어노테이션이 영향을 미치는지 결정합니다.
@Documented 문서에도 어노테이션 정보가 표현됩니다.
@Target 어노테이션이 적용될 위치를 결정 합니다. 적용 대상에는 method, fleid, type(class), 생성자, parameter 등이 있습니다.
@Inherited 이 어노테이션을 선언하면 부모클래스에서 어노테이션을 상속 받을 수 있습니다.

어노테이션 생성하기

자바에서 어노테이션을 생성하는법은 간단합니다.
```
public @interface MyAnno {
}
```

이후에 몇 메타 어노테이션을 선언해줍니다.

@Target(ElementType.METHOD)                        // 적용대상은 method입니다.
@Retention(RetentionPolicy.RUNTIME)                // 유지정책은 runtime입니다. 컴파일 이후에도 JVM이 참조합니다.
public @interface MyAnno {
// String 타입으로 사용 가능합니다.
  public String value();
}

어노테이션 적용하기

생성해준 어노테이션을 적용할 클래스입니다.

public class Target {

    @MyAnno(value = "연습입니다.")
    public void sub() {
        System.out.println("Target");
    }

}

실제 어노테이션을 찾는 컨테이너 클래스

자바 리플렉션을 이용하여 프로그램 실행 시 커스텀 어노테이션을 사용한 곳과 값들을 얻어옵니다.

public class MainClass {
    public static void main(String[] args) throws Exception {


        // 특정 메서드의 어노테이션을 가져올 수 있습니다.
        Method method = Target.class.getMethod("sub");
        Annotation[] annotations = method.getDeclaredAnnotations();

        for (Annotation anno : annotations) {
            MyAnno myAnno = (MyAnno) anno;
            System.out.println(myAnno.value());
        }

        // 동적 클래스 생성으로 객체를 얻어온 다음
        // 여러 메서드들의 어노테이션 value()를 얻어옵니다.
        String className = "com.java.anno01.Target";
        Class<?> cls = Class.forName(className);
        Target a = (Target) cls.getDeclaredConstructor().newInstance();
        a.sub();

        Method[] methods = cls.getDeclaredMethods();

        for (int i=0; i<methods.length; i++) {
            if (methods[i].isAnnotationPresent(MyAnno.class)) {
                MyAnno myAnno = methods[i].getAnnotation(MyAnno.class);
                System.out.println(myAnno.value());
            }
        }
    }
}

jQuery - 필터 선택자

풍림개발자 — Tue, 21 Jul 2020 19:38:39 +0900

jQuery 필터 선택자

(: focus, :gt(), :lt(), :has()) 등이 있습니다.

기본선택자 뒤에 : 표시와 함께 붙으며 좀더 섬세한 선택자를 선택할 수 있습니다.

Basic Filter

:odd - 홀수 번째에 위치한 요소 선택
:even - 짝수 번째에 위치한 요소 선택
:first - 첫번째 위치한 요소 선택
:last - 마지막에 위치한 요소 선택
:gt(index) - index값보다 큰 index를 가진 요소를 선택
:lt(index) - index값보다 작은 index를 가진 요소를 선택

기본필터 선택자 예제_

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery - 기본 필터 선택자</title>
<script type="text/javascript" src="../jquery.js"></script>
<script>
    $(document).ready(function(){
        //    선택자 필터
        $("p:even").css("color","red");        // 짝수 (0번지부터 0, 2, 4, 6, ...)
        $("p:odd").css("color","green");    // 홀수
        $("p:first").css("color","blue");
        $("p:last").css("color","pink");
        $("p:eq(2)").css("color","yellow");    // 번지값(인덱스)

        $(".third > li:gt(2)").css("color","red");    // 기준 인덱스보다 큰요소들
        $(".third > li:lt(2)").css("color","blue");    // 기준 인덱스보다 작은요소들
    });
</script>
</head>
<body>
    <p>1월</p>
    <p>2월</p>
    <p>3월</p>
    <p>4월</p>
    <p>5월</p>
    <br/><br/>
    <div>
        <ul class="third">
            <li>커피</li>
            <li>콜라</li>
            <li>사이다</li>
            <li>환타</li>
            <li>우유</li>
        </ul>
    </div>
</body>
</html>

결과화면

Content Filter

:contains(text) : 특정 텍스트가 포함된 요소를 선택합니다.
:has(selector) : 특정 선택자가 최소 하나 이상 포함된 요소를 선택합니다.
:empty : 자식 노드를 가지고 있지 않는 요소를 선택합니다.
:parent : 최소 하나 이상 자식노드를 가지고 있는 요소를 선택합니다.

내용 선택자 필터 예제_

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery - 내용 필터 선택자</title>
<style type="text/css">
    body{
        font-size:12px;
    }
</style>
<script type="text/javascript" src="../jquery.js"></script>
<script>
    $(function(){
        $("li:contains('ap')").css({    // (괄호)내의 텍스트와 일치하는 요소
                color : "red",
                backgroundColor : "yellow",
                fontWeight : "bold",
                fontSize : "30px"
        })
        $("#sub:has('li')").css({            // 요소 내부에 찾고 싶은 태그를 후손 요소까지 찾아준다.
            color : "pink",
            backgroundColor : "green"
        })

        $("li:parent").css("color","blue");    // 
        $("li:empty").text("Hello");

    });
</script>
</head>
<body>
    <div>
        <ul>
            <li>apple</li>
            <li>banana</li>
            <li>grape</li>
            <li></li>
        </ul>

        <ul id="sub">
            <li>lion</li>
            <li>tiger</li>
            <li>fox</li>
            <li></li>
        </ul>
    </div>
</body>
</html>

결과화면

jQuery 기초 - 시작하기

풍림개발자 — Mon, 20 Jul 2020 19:23:16 +0900

자바스크립트 라이브러리로 프론트 엔드 조작을 단순화 하도록 설계 되어있다.
제이쿼리를 사용하는 이유는 다음과 같다.
1. 페이지 내부 요소에 접근하기 쉽다.
  - 제이쿼리를 사용하지 않으면 DOM 트리를 이용해서 요소(element)에 접근해야 합니다. 이는 배우기도 어렵고 불편한데, 제이쿼리를 사용하면 CSS의 선택자를 이용해서 간편하게 접근할 수 있습니다.
2. 페이지의 보여지는 모습을 변경하기 쉽다.
  - 동적으로 페이지의 모습(CSS)를 변경하기 위해서는 자바스크립트를 사용해야 합니다. 이를 제이쿼리를 이용하여 작성하면 코드도 간결해지고 직관적으로 작성할 수 있습니다.
  - 또, 아작스(AJAX)등에서 페이지를 리로딩하지 않고 동적으로 로딩할 때도 자바스크립트를 이용하는데, 이것 역시 제이쿼리를 이용하면 코드도 간결해지고 더 쉽게 구현할 수 있습니다.
3. 상호작용 처리가 쉽고 애니메이션을 사용할 수 있다.
  - HTML문서의 목적은 페이지의 구조와 데이터를 표현하는 것입니다. 따라서 HTML 태그 속성의 이벤트를 사용하면 이 목적에 어긋난다고 할 수 있습니다.
  - 이벤트를 제이쿼리를 사용해서 핸들링하면 HTML문서를 변경할 필요도 없고 더 쉽습니다.
    또 다양한 애니메이션을 간편하게 사용할 수 있습니다.
4. AJAX의 사용이 쉽다.
  - 제이쿼리를 사용하면 아작스 기술을 사용하는데 매우 편리합니다.

JQuery 사용 선언

<!-- 적용방법 1 -->
<script src="js/jquery.js"></script>
<!-- 적용방법 2 : cdn -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- 적용방법 3 -->
<script src="http://code.jquery.com/jquery-latest.js"></script>

첫번째는 직접 JQuery 라이브러리를 다운받아 사용하는 방법입니다.
두번째는 외부 cdn을 이용하는 방법입니다.
세번째는 jquery 사이트에서 제공하는 api를 이용합니다.

JQuery 시작하기

<script>
    var obj = new JQuery(document);           // jquery 객체 생성
    obj.ready(testFun);                         // jquery는 항상 이렇게 시작한다.
    function testFun(){
        alert("JQuery 시작입니다.");
    } 
//===================================================================================
     new JQuery(document).ready(function(){    // 위에 것과 동일. 하지만 코드수가 줄어듬.
        alert("JQuery 시작입니다.");
    }); 
//===================================================================================
    $(document).ready(function(){            // 위에 문장의 최종 끝판왕. 주로 이렇게 쓴다.
        alert("JQuery 시작입니다.");
    });
</script>

자바처럼 JQuery 객체를 생성하듯이 jquery를 시작할 수 있지만 라이브러리에서 제공하는 강력한 기능으로 $(document).ready()로 시작할 수 있습니다.
ready() 함수는 document 문서가 로드될 때 발생합니다.

JQuery 선택자

JQuery는 CSS의 선택자를 사용해서 DOM의 노드를 반환받을 수 있습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery - 기본 선택자</title>
<style type="text/css">
    .spotlight{
        background-color:#ffff00;
    }
    .redtext{
        color:#ff0000;
    }
</style>
<script src="../jquery.js"></script>
<script>
    $(document).ready(function(){
       //var first = document.getElementById("first");
       //first.setAttribute("class", "spotlight");      -- javascript
       //위와같은 자바 스크립트 작성을 한줄로 끝낼 수 있습니다.
         $("#first").addClass("spotlight");            // -- JQuery

        $("#second").addClass("redtext");
        $("#third").addClass("spotlight redtext");

        var arr = new Array();
        arr.push($("#first").text());
        arr.push($("#second").text());
        arr.push($("#third").text());
        alert(arr);
    });
</script>
<body>    
    <div id="first">사과</div>
    <div id="second">바나나</div>
    <div id="third">딸기</div>
</body>
</html>

브라우저 화면

검색 처리와 동적 SQL

풍림개발자 — Sun, 19 Jul 2020 18:11:51 +0900

지난 페이징 처리에 이어서 페이징처리와 함께 쓰이는 검색처리를 작성해봤습니다.
페이징 처리의 마지막 단계는 검색 조건과 검색 키워드를 입력하고, 이에 맞는 검색 데이터를 추출하여 화면에 출력해주는 작업입니다.
검색 처리에서 가장 어려운 부분은 JSP단이 아닌 SQL문의 처리부분 입니다. 이를 위해서 MyBatis의 동적 SQL을 이용하여 처리할 것입니다.

검색에 필요한 데이터, SearchCriteria

사용자가 게시물을 검색 후, 목록 페이지에서 필요한 데이터는 다음과 같습니다.
1. 현재 페이지의 번호(page)
2. 페이지당 보여지는 데이터의 수(perPageNum)
3. 검색의 종류(searchType)
4. 검색의 키워드(keyword)

이 4개의 데이터를 전달하기 위한 객체를 만들어 줍니다.

SearchCriteria.java

public class SearchCriteria extends Criteria{

    private String searchType;
    private String keyword;

    public String getSearchType() {
        return searchType;
    }
    public void setSearchType(String searchType) {
        this.searchType = searchType;
    }
    public String getKeyword() {
        return keyword;
    }
    public void setKeyword(String keyword) {
        this.keyword = keyword;
    }
    @Override
    public String toString() {
        return super.toString() + " SearchCriteria "
                + "[searchType=" + searchType + ", keyword="
                + keyword + "]";
    }
}

검색조건과 검색키워드를 전달하는 객체입니다.

Criteria를 상속받습니다.

검색조건(searchType)과 검색키워드(keyword)에 대한 링크를 처리하기 위한 PageMaker.java

페이징 처리를 하기위한 PageMaker.java 에서의 검색조건과 키워드를 처리하는 메서드입니다.

public String makeSearch(int page) {

    UriComponents uriComponents = 
    UriComponentsBuilder.newInstance()
    .queryParam("page", page)
    .queryParam("perPageNum", cri.getPerPageNum())
    .queryParam("searchType", ((SearchCriteria) cri).getSearchType())
    .queryParam("keyword", ((SearchCriteria) cri).getKeyword())
    .build();

    return uriComponents.toUriString();
}

UriComponentBuilder 객체는 url 생성을 도와주어 페이징 처리에 도움을 줍니다.

?page=1&perPageNum=10&searchType=t&keyword=테스트 이런식으로 URL이 생성됩니다.

JSP에서의 페이징 처리

화면단에서 페이징을 담당하는 부분을 pageMaker를 이용하여 처리합니다.

 <ul class="pagination">
 <c:if test="${pageMaker.prev}">
     <li>
         <a href="list${pageMaker.makeSearch(pageMaker.startPage - 1) }">&laquo;</a>
     </li>
 </c:if>

 <c:forEach begin="${pageMaker.startPage }" end="${pageMaker.endPage }" var="idx">
     <li <c:out value="${pageMaker.cri.page == idx?'class =active':''}"/>>
         <a href="list${pageMaker.makeSearch(idx)}">${idx}</a>
     </li>
 </c:forEach>

 <c:if test="${pageMaker.next && pageMaker.endPage > 0}">
     <li>
         <a href="list${pageMaker.makeSearch(pageMaker.endPage +1) }">&raquo;</a>
     </li>    
 </c:if>
 </ul>

검색처리를 담당하는 부분은 자바스크립트로 작성해줍니다.

<div class='box'>
   <div class="box-header with-border">
       <h3 class="box-title">Board List</h3>
   </div>
<div class='box-body'>

   <select name="searchType">
       <option value="n"
   <c:out value="${cri.searchType == null?'selected':''}"/>>
   ---</option>
   <option value="t"
   <c:out value="${cri.searchType eq 't'?'selected':''}"/>>
   제목</option>
   <option value="c"
   <c:out value="${cri.searchType eq 'c'?'selected':''}"/>>
   내용</option>
   <option value="w"
   <c:out value="${cri.searchType eq 'w'?'selected':''}"/>>
   작성자</option>
   <option value="tc"
   <c:out value="${cri.searchType eq 'tc'?'selected':''}"/>>
   제목 OR 내용</option>
   <option value="cw"
   <c:out value="${cri.searchType eq 'cw'?'selected':''}"/>>
   내용 OR 작성자</option>
   <option value="tcw"
   <c:out value="${cri.searchType eq 'tcw'?'selected':''}"/>>
   제목 OR 내용 OR 작성자</option>
   </select> <input type="text" name='keyword' id="keywordInput"
   value='${cri.keyword }'>
   <button id='searchBtn'>Search</button>
   <button id='newBtn'>New Board</button>
   </div>
</div>

<script>
$(document).ready(function() {
   $('#searchBtn').on("click",function(event) {
       str = "list"
               + '${pageMaker.makeQuery(1)}'
               + "&searchType="
               + $("select option:selected").val()
               + "&keyword="
               + encodeURIComponent($('#keywordInput').val());
       alert(str);
       self.location = str;
   });
   $('#newBtn').on("click", function(evt) {
       self.location = "register";
   });
});
</script>

makeSearch() 메서드로 페이징링크에 대한 조작을 할수 있습니다.

MyBatis의 동적 SQL

화면단에서의 검색조건에 따라 SQL문이 달라지기 때문에 이를 처리하기 위해 MyBatis의 동적 SQL을 활용할 것입니다.

XML Mapper

<sql id="search">
 <if test="searchType != null" > 
   <if test="searchType == 't'.toString()">
     and title like CONCAT('%', #{keyword}, '%')
   </if>
   <if test="searchType == 'c'.toString()">
     and content like CONCAT('%', #{keyword}, '%')
   </if>
   <if test="searchType == 'w'.toString()">
     and writer like CONCAT('%', #{keyword}, '%')
   </if>     
   <if test="searchType == 'tc'.toString()">
     and ( title like CONCAT('%', #{keyword}, '%') OR content like CONCAT('%', #{keyword}, '%'))
   </if>        
   <if test="searchType == 'cw'.toString()">
     and ( content like CONCAT('%', #{keyword}, '%') OR writer like CONCAT('%', #{keyword}, '%'))
   </if>        
   <if test="searchType == 'tcw'.toString()">
     and (   title like CONCAT('%', #{keyword}, '%') 
           OR 
             content like CONCAT('%', #{keyword}, '%') 
           OR 
             writer like CONCAT('%', #{keyword}, '%'))
   </if>              
 </if>  
</sql>

<select id="listSearch" resultType="BoardVO">
    <![CDATA[  
       select * 
       from tbl_board 
       where bno > 0 
     ]]>  
 <include refid="search"></include>
    <![CDATA[    
       order by bno desc
       limit #{pageStart}, #{perPageNum}
     ]]>  
</select>

<select id="listSearchCount" resultType="int">
    <![CDATA[  
       select count(bno) 
       from tbl_board 
       where bno > 0 
     ]]>
    <include refid="search"></include>

</select>

MyBatis의 SQL 문을 동일 처리하고 재사용할 수 있는 태그인 <sql>로 중복된 코드를 줄일 수 있습니다.

사용할 땐 <include>태그로 id값으로 불러오면 됩니다.

<if>태그로 파라미터값인 검색조건(searchType) 에 따라 실행되는 SQL 구문이 달라지게 했습니다.

화면과 DB의 처리가 끝났으니 컨트롤러와 DAO 를 작성해줍니다

Controller

public class SearchBoardController {

    private static final Logger logger = LoggerFactory.getLogger(SearchBoardController.class);

    @Inject
    private BoardService service;

    @RequestMapping(value = "/list", method = RequestMethod.GET)
    public void listPage(@ModelAttribute("cri") SearchCriteria scri, Model model) throws Exception {

        logger.info(scri.toString());

        model.addAttribute("list", service.listSearchCriteria(scri));
        PageMaker pageMaker = new PageMaker();
        pageMaker.setCri(scri);
        pageMaker.setTotalCount(service.listSearchCount(scri));

        logger.info(pageMaker.makeSearch(scri.getPage()));

        model.addAttribute("pageMaker", pageMaker);
    }
}

DAO

@Repository
public class BoardDAOImpl implements BoardDAO{
    @Inject
    private SqlSession session;

    @Override
    public List<BoardVO> listSearch(SearchCriteria cri) throws Exception {
        return session.selectList(namespace + ".listSearch", cri);
    }

    @Override
    public int listSearchCount(SearchCriteria cri) throws Exception {
        return session.selectOne(namespace + ".listSearchCount", cri);
    }

}

풍림개발자

구글에서 출시한 프레임워크, 플러터는?

크로스플랫폼이란? ️

인기

학습

성능

생성자에 매개변수가 많다면 빌더를 고려하라.

생성자 대신 정적 팩터리 메서드를 고려하라.

클래스의 객체를 얻는 수단 중 보편적인 방법은 public 생성자를 이용하는 것이다.

하지만 더 좋은 수단이 하나 더 있다.

첫번째, 이름을 가질 수 있다.

두번째, 호출할때마다 새로운 인스턴스를 반환할 필요가 없다.

세번째, 반환 타입의 하위 타입객체를 반환할 수 있다.

네번째, 입력 파라미터의 따라 다른 클래스의 객체를 반환 할 수 있다.

다섯번째, 정적 팩터리 메서드 작성 시점에서는 해당 클래스가 존재하지 않아도 된다.

백트래킹 알고리즘

백트래킹 알고리즘

git cherry-pick : 원하는 커밋을 가져와야 할때

git cherry-pick 이란?

git cherry-pick 을 사용해야 하는 경우

방법

Jenkins를 이용한 빌드배포 자동화 작업(Git, Maven프로젝트)

자바 커스텀 어노테이션 만들기

어노테이션

자바에서 기본적으로 제공하는 어노테이션

Meta Annotations

어노테이션 생성하기

어노테이션 적용하기

실제 어노테이션을 찾는 컨테이너 클래스

jQuery - 필터 선택자

jQuery 필터 선택자

Basic Filter

기본필터 선택자 예제_

결과화면

Content Filter

내용 선택자 필터 예제_

결과화면

jQuery 기초 - 시작하기

자바스크립트 라이브러리로 프론트 엔드 조작을 단순화 하도록 설계 되어있다.

제이쿼리를 사용하는 이유는 다음과 같다.

페이지 내부 요소에 접근하기 쉽다.

페이지의 보여지는 모습을 변경하기 쉽다.

상호작용 처리가 쉽고 애니메이션을 사용할 수 있다.

AJAX의 사용이 쉽다.

JQuery 사용 선언

JQuery 시작하기

JQuery 선택자

검색 처리와 동적 SQL

검색에 필요한 데이터, SearchCriteria

사용자가 게시물을 검색 후, 목록 페이지에서 필요한 데이터는 다음과 같습니다.

이 4개의 데이터를 전달하기 위한 객체를 만들어 줍니다.

SearchCriteria.java

검색조건(searchType)과 검색키워드(keyword)에 대한 링크를 처리하기 위한 PageMaker.java

JSP에서의 페이징 처리

화면단에서 페이징을 담당하는 부분을 pageMaker를 이용하여 처리합니다.

검색처리를 담당하는 부분은 자바스크립트로 작성해줍니다.

MyBatis의 동적 SQL

화면과 DB의 처리가 끝났으니 컨트롤러와 DAO 를 작성해줍니다

Controller

DAO