IT & Mobile

REF

gulp는 js빌드자동화 툴로서, node.js를 기반으로 node의 스트림을 사용해서 동작한다.

 - gulpfile.js파일에 설정내용.

   gulp.src ([a.js, b.js...]);

   gulp.task(name, (선행잡), function)

$ gulp task-name  :시 특정 task 실행.

추가 API 한글 : REF

API Doc: REF

JSON이나 yml파일들을 이용해 자동으로 document생성.  REF

$prmd combine --meta meta.yml schema | \

REF

compileOnly : 컴파일타임에만 사용됨-예)어노테이션라이브러리등   REF

    - maven의 provided와 동일.

  build.gradle  good_REF

        (gradlew build시)

      - jar, assemble  task을 통해 최종 jar파일을 생성할 수 있다.   REF  
           위치(build/libs)  및  jar 단독실행(java -jar xxxx.jar)   - ref

멀티 프로젝트: GOOD_REF   REF

 - 상위 프로젝트의 build.gradle에 모든 설정을 다 넣는다.

 - 상위 프로젝트의 settings.gradle파일에 sub프로젝트들을 지정한다.

   include "my:cms"

   project(':my:cms').name = 'my-cms'

- bootRepackage 는 보통 main이 없는 공통모듈용.

 IDL을 정의하고, 여러가지 언어로 skeleton코드변환이 지원된다.

  - Async지원 (TNonblockingServer)

  - multi-thread지원 (ThreadPoolServer)

  - Exception제공 

IDL 정의는 REF 참조.

   - namespace는 java의 경우, 그대로 package명으로 변환 됨.

  - service는 상속이 된다. (interface개념)

  - struct는 상속이 안됨.  (class개념) - 단  delegation은 됨(다른 struct포함 가능)

  - list, set, map이 지원 됨. 

  - constant, enum, typedef가 지원되면 typedef는 java의경우 replace형태로 변환된다.

간단한 통신예제 : REF

-  서버가 Async인 경우 client에서 TFramedTransport를 사용한다.  위 사이트에서 NobblockingClient 라는게,

    Nonblocking  서버에 접속하는  BlokcingClient이다. 

Thrift Protocol Stack 그림 - REF

이러면 service_code별로 10건씩 소팅이 되서 나온다.   

oracle의 rownum하고 비슷하게 사용한 예제이지만,  service_code별로 번호를 새로시작하도록 한 코드이다. 

일본에서 많이 사용하고 있는 DOMA라는 ORM이 있다.

문서나 코멘트 등 모든게 일본어라서 일본 외에서 쓰는 건 쉽지 않지만..

일단 쓰게 된다면 비교적 간편하고 가볍게 잘 만들어진 ORM이라는 걸 알 수 있다.

각종 링크들은 다음과 같다. 요즘은 한국어 자동번역이 잘되니 볼만하다.

SQL_문법 REF페이지 

DOMA 개요

javascript의 xmlHttpRequest는 보안의 문제상, 기본적으로 현재 접속한 서버만 접속해서 이런저런 데이타를 받아올 수 있다.

하지만 복잡한 요구사항이 증가하면서, 이를 회피할 방법이 필요한 경우가 다수 생기면서

이를 회피하는 방법이 몇가지 있는데

REF

대표적인 것이 

 - CORS이다. library도 있으므로 다운받아서 쓰면 된다.  

그외  

 -JSONP (보안이 없는 js다운로드 방식을 우회해서 xml다운로드)방식도 있다.

서버사이드가 spring일 경우에   spring-doc-cors  REF 참조.

==> @CrossOrigin 어노테이션 및   

      Config에서  allowedOrigin하는 방법이 대표적.

@Bean

    public WebMvcConfigurer corsConfigurer() {
        return new WebMvcConfigurerAdapter() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/greeting-javaconfig").allowedOrigins("http://localhost:9000");
            }
        };
    }

REF

java8에 여러가지 시간관련 클래스들이 추가되었다. - 매우 유용하다. 주로 이것만 쓰면되고

거기에 더해 기존 Date (millisec표시)정도만 쓰면 되지 않을까 싶다.

LocalDate, LocalTime, LocalDateTime

    - truncateTo함수 제공

Period, Duration  날짜/time간 차이계산..   .plus, .minus, .between

    -Duration.between( LocalDateTime1, LocalDateTim2)도 됨.  
          ===> function prototype은  between(Temporal, Temporal)이라서 공부가 좀 필요.  

ZonedDateTime, OffsetDateTime, OffsetTIme 등이 존사용시 유용.

android를 대신하기 위해, 정확하게는 android안의 java를 대신하기 위해 만들어졌다는 kotlin..

주요 특징은 다음과 같다.

 - 변수선언시   var, val (immutable) - 많은 부분이 scala에서 왔다.

 - null safe : 심지어는 컴파일 에러가 난다.

 - javascript를 섞어쓸수 있다 : 이때 장점은 잘 모르겠는데 WEB개발에 유리하지 않을까 예상되네요.

   (당연히 node.js와도 섞어서 서버에도 사용가능함)  

 - kotlin + springBoot로 웹앱이 개발 가능하다.

   물론  Mockito를 결합해 unit테스트 가능.
      (단, 일반 class는 final개념이라 open class를 써야 함, when은 키워드라 `when`써야함)

- android폰 개발시에는 Glide등 편리한 Extension이 많다.

- Anko를 함께 사용하면 xml을 사용하지 않아도 된다.   (AnkoComponent의 subclass를 사용),  

   AnKo=Android+Kotlin의 의미로 android용  DSL (Domain-Specific Language)임.

- 기타문법  : is ,  ?    (instanceof, ?는 null대비)

　　　　　　let은 다소 어려움.

URL Encoding은 일반적으로 java에서는  URLEncoder.encode()함수를 사용하지만

이러한 방식은 모든 특수기호도 encoding되기 때문에 중요한 

 URL?abc=1&def=2?token=1 

등에서 뒤의 ? 같은것은 리다이렉트 후 파라미터로 쓴다든지 하는 중요한, encode되면 안되는 것이기 때문에

encoding에서 제외해야 한다..

이런저런 percent-character(encoding후 %+로 변환)특수기호를 모두 제외하고 encoding 해주는 라이브러리가 있다.

try {
    org.apache.commons.codec.net.URLCodec urlEncoder = new URLCodec();
    query = urlEncoder.encode(query);
} catch (EncoderException e) {
}

http://springmvc.egloos.com/535572 

@ModelAttribute

 - controller로 접근시 항상  해당항목은 자동으로 생성/세팅이 되는 자동세팅 필드이다. 

@SessionAttributes

 - 동일한 이름의 모델객체를 발견하면 자동으로 세션값으로 변환하여 가지고 있는다.  

@ExceptionHandler

  - Controller 내에 정의해 놓으면, 그 controller내에서 발생하는 해당 Exception을 다 잡아준다.

    따라서, 함수안에서 catch를 할 필요가 없어진다.

@ControllerAdvice 

  - 위의 ExceptionHandler같은 것들을, 해당 controller뿐 아니라, 전체 어플리케이션에서 동작하도록 해준다.
    (@RequestMapping을 보고 찾음)

  여기에 영향받는 어노테이션은 

   @ExceptionHandler

   @InitBinder

REF:Mkong.com

[Stream:  one Group ]

.stream().collet(  Collectors.groupingBy(Function.identity(),  Collectors.count() ),

Grouping

 Map<BigDecimal, List<Item>> groupByPriceMap = 			items.stream().collect(Collectors.groupingBy(Item::getPrice)); 

 Map<BigDecimal, Set<String>> result =                 items.stream().collect(                         Collectors.groupingBy(Item::getPrice,                                 Collectors.mapping(Item::getName, Collectors.toSet())                         )                 );

Map<String, Choice> result =     choices.stream().collect(Collectors.toMap(Choice::getName,                                               Function.identity()));

[2 field Grouping]

Map<String, Map<String, Long>> multipleFieldsMap = employeesList.stream()
				.collect(
					Collectors.groupingBy(Employee::getDesignation, 
                                   Collectors.groupingBy(Employee::getGender, Collectors.counting())
                 ));

===========================O======================

.orElse(blabla)  empty일때 값지정.

.map( function)  존재할때 함수실행.

-boolean isPresent()

내부객체가 null이 아닌지 확인한다. null이면 false를 반환한다.

-void ifPresent(Consumer<T>)

Consumer<T>는 함수형 인터페이스 포스팅에서 봤듯 void 추상메서드를 갖고있다. null이 아닐때만 실행된다.

-Optional<T> filter(Predicate<T>)

스트림은 여러 데이터를 들고있는 객체다보니 filter로 걸러지는 데이터들이 반환됐지만, Optional은 내부객체가 단일객체인만큼 해당 조건을 만족하는지만 확인하는 정도로 사용할 수 있을 것 같다.

-Optional<U> map(Function<T, U>)

스트림과 같다. 내부 객체를 변환하는 용도로 사용한다.

-T get()

내부 객체를 반환한다. 다만 내부 객체가 null이면 NPE가 발생한다. null이 아니라는 확실한 경우에만 사용을 권장한다.

-T orElse(T)

내부 객체를 반환한다. 내부 객체가 null이면 인자로 들어간 기본값을 반환한다.

-T orElseGet(Supplier<T>)

orElse()와 동일한데 orElse()가 기본값 레퍼런스를 인자로 받는다면 orElseGet()은 내부 객체가 null일때 기본값을 반환할 객체를 인자로 받는다.

-T orElseThrow(Supplier<U>)

출처: http://multifrontgarden.tistory.com/131 [우리집앞마당]

REF:slideshare

Docker는 이미지 파일과 linux프로세서 형태로 실행하는 container로 이루어져있다.

immutable 이미지를 이용하기 때문에, 가상화머신보다 설정과 배포가 용이하다.

이미지와 이미지의 차이만 diff로 관리하기 때문에, github처럼 dockerhub에서 이미지 관리가 가능하다.

그리고 

boot2docker는 가상머신안에 docker를 실행하는 것이라서, host ip로  nginx등의 웹서버에 바로 접속할 수 없다.

이 때, ip를 알 고 싶으면 boot2docker ip를 이용하면 된다.

참고로 boot2docker up 으로 실행을 한다.

 sed 로  치환's/4.5.0-SNAPSHOT/4.7.0-SNAPSHOT/g' 

     명령을 써서 다른 파일에 저장하는 건 간단하지만

같은 파일에 저장하고 싶을때는 -i 옵션을 써야 한다.

하지만 맥에서는 -i 옵션 뒤에 항상 파라미터가 필요해서 '' 를 넣어주면 잘 동작한다.

예) sed -i '' 's/4.5.0-SNAPSHOT/4.7.0-SNAPSHOT/g' pom.xml

jQueryAutoComplete API Doc

suggestion (구글 검색창 처럼, 한 글자를 입력하면 자동으로 추천해주는 기능)

을 구현하기 위해서는 text box와 그 밑에 div를 이용해서 복잡하게 하는게 좋긴 한데

jQuery의 AutoComplete라는 기능을 이용해서 간단하게 할 수 있다. REF  (value만 있는 autoComplete)

label, value가 있는 autocomplete 예제는 여기: REF  - 별로 이쁘지 않고, 키로 값이 선택되지도 않음

약간 발전된 예제: REF -test중.

위 예제들에서 javascript 변수에 값 설정만 잘하면 된다.

추가로,  만약 Themeleaf를 사용하고 있다면..

<script th:inline="javascript">
    /*<![CDATA[*/
    var query = [[${query}]];
    console.log(message);
    /*]]>*/
</script>

방식으로 간단히 themeleaf변수를 javascript에 넣을 수 있다.

복잡한 변수의 경우 themeleaf파싱이 필요한데..  REF1

다음과 같이 themeleaf와 value, label을 조합해 사용할 수 있다.

<script type="text/javascript" th:inline="javascript">
  /*<![CDATA[*/
  $(function () {
    var suggestionData = [[${javaData}]];
    $('#users').autocomplete({
      source: suggestionData,
      select: function (event, ui) {
        //prevent .val(value) to input_text
        event.preventDefault();
        //.val(label) and store selected Value
        $('#users').val(ui.item.label);
        $('#userSelected').val(ui.item.value);
      },
      focus: function (event, ui) {
        //prevent .val(value) to input_text
        event.preventDefault();
      }
    });
  });
  /*]]>*/
</script>

단, java에서는 Array혹은 ArrayList로 label,value를 멤버로 가지고 있는 class의 list를 넘겨야 한다.

하나의 html페이지로 Listing과 Editing을 동시에 수행하는 페이지는 다음과 만들 수 있다.

(참고:  jQuery와 themeleaf이용)

포인트: flag(isEditMode)를 두어서 list인지 Edit인지를 구분하고, 

 그에 따라 필요한 버튼을 hide/show

 input을 readonly or not 으로 세팅한다. 

<script type="text/javascript" th:inline="javascript">
  /*<![CDATA[*/
  $(function () {
    allReload();

    //list-edit Mode switch
    function allReload() {
      if ($('#isEditMode').val() == 'true'){
        $('.form-control').prop('readonly', false);
        $('.form-control').css('border', '1px solid #ccc');
        $('#editBtn').hide();
        $('#storeBtn').show();
        $('#cancelBtn').show();
      } else {
        $('.form-control').prop('readonly', true);
        $('.form-control').css('border', 'none');
        $('#editBtn').show();
        $('#storeBtn').hide();
        $('#cancelBtn').hide();
      }
    }

    $('#editBtn').click(function () {
      $('#isEditMode').val('true');
      allReload();
    });

    $('#cancelBtn').click(function () {
      $('#isEditMode').val('false');
      allReload();
    });
    //Button process


  });
  /*]]>*/
</script>

<input type="hidden" id="isEditMode" th:value="${isEditMode}"/>
<form id="form" method="post" enctype="multipart/form-data" th:object="${chatRankingCoefficientForm}"
      action="/app/chat/ranking/constant">
  <table class="table table-hover table-bordered"
         style="word-break: break-all;word-wrap: break-word;" border="1">
    <tr>
      <th style="text-align:center">ranking</th>
      <th style="text-align:center">Value</th>
    </tr>
    <tr>
      <td>Days of Evaluation</td>
      <td>
        <input class="form-control" readonly="true" style="border:none;background-color:transparent;"
               type="number" th:field="*{daysOfEvaluation}"/>
        <div th:classappend="${#fields.hasErrors('daysOfEvaluation')} ? 'has-error'">
          <span th:if="${#fields.hasErrors('daysOfEvaluation')}" th:errors="*{daysOfEvaluation}"
                class="help-block">error!</span>
        </div>
      </td>
    </tr>
..중략
  <p> <!-- BUTTONS -->
    <a class="btn btn-primary" id="editBtn">edit</a>
    <input type="submit" class="btn btn-primary" id="storeBtn" value="save" />
    <a th:href="@{/app/chat/ranking/constant}" class="btn btn-secondary" id="cancelBtn">cancel</a>
  </p>
</form>

개발의 편의상 spring-boot-devtools라는 걸 사용하는게 좋다. REF

아래와 같은 5가지 기능이 지원된다.

Automatic Restart

LiveReload 

  - 특히 이부분은 개발을 할 때는 편하나, cache(@Cacheable)가 바뀌어도 자동 reload해주는 등 편하지만

    개발환경에서 ClassCastException이 발생할 수 있다.

    즉, cache에서 복원된 Object가 Class로 변환이 잘 안되는 문제가 있다.

   그래서 Cache를 테스트할 때는, 이부분을 pom.xml등에서  코멘트아웃을 하고 하는게 좋다.

Remote Debug Tunneling

Remote update and restart

Video Privew

브라우저에서 쿠키를 이러저러 여러가지 값으로 설정할 수 있는데 REF

 
Tomcat의 경우는 

JSESSIONID 변수를 쿠키로 주고받으면서 세션을 유지한다.  REF

웹서버마다 방식이나 변수명이 다르므로 확인이 필요하다. 

nginx웹서버의 경우 cc변수로 보인다. 

현재쿠키는 javascirpt:document.cookie  를 주소창에 치면 쉽게 확인할 수 있다.

쿠키를 조작해서 테스트하고 싶을때는 postman , 그 중에서도 postman intercepter를 크롬에 설치하면 가능하다. 

옆동료에게 나의 db를 그대로 복사해주고 싶은 경우,

일단 원격 접속을 해야하기 때문에

1.  mysql> grant all privileges on *.* to 'root'@'10.33.%';   동료pc에서 이런식으로 접속 허용을 해준다.

2. $ mysqldump -u root databaseName > temp.sql

3. 동료 mysql에 접속한 후 ( $mysql -h 동료pc_IP  -u root ) 아래명령 실행.

   mysql> create database databaseName

   mysql> use dataBaseName

   mysql> source temp.sql

Builder는 간단히 말하면 setter가 다 끝나고 생성자를 호출해 주는 패턴이다. 

개념은 간단한데 왜 필요한가에 대한 답은 :  복잡한 생성자와 복잡한 setter가 섞여있는 경우 유용하다. REF 

예) PersonInfo personInfo = new Builder("Mommoo").setAge(12).setPhonNumber(119).build( );

Factory는 여러개의 subClass가 있을경우 생성자가 각각 생기는 복잡한 문제가 있는데..

이를 하나의 생성자로 통일해 주는 큰 장접이 있다.   REF

@Autowired 를 사용할 경우에는 classpath내에 존재해야 하는데,

그게 여의치 않거나 새로운 생성자가 필요한 경우에는

생성자를 직접 정의하면서 @Bean을 사용할 수 있다. 

1.정의시:

@Bean(name = CHAT_BILLING_HTTP_CLIENT)

OkHttpClient chatBillingHttpClient() {

OkHttpClient client = new OkHttpClient();

client.setTimeOut(blabla)

return client;

}

2.사용시:

@Qualifier(OkHttpClientConfig.CHAT_BILLING_HTTP_CLIENT)

@Autowired

OkHttpClient chatBillingHttpClient;

REF

mySql에 dateTime을 지정해서 입력하는 경우,

STR_TO_DATE('12-01-2014 00:00:00','%m-%d-%Y %H:%i:%s') 을 사용해서 insert할 수도 있지만

아래와 같이 간단히 숫자로도 가능하다. 

insert into campaign(campaign_code,version,memo,start_at,end_at,created_at,updated_at) values('bogo',1,'test',20170509150000,20170511110000,now(),now());

REF

제한된 thread개수를 이용하여 여러개의 작업을 하고 싶을때 Worker Thread와 Pool을 이용하면 된다.

REF:myBlog

여러가지 DB 관련된 에러를 포함하는 java exception은  DataAccessException으로 보인다.

http://helols.tistory.com/12  

내가 많이 쓰는 간단한 방식은

String pattern = "[Tt]he";                                          // [A-Za-z]   \\s \\w \\d

boolean matched = "the".matches(pattern);  //=> true : 시작^ 끝$까지 포함해서정확히 일치해야 함.

(참고: https://codechacha.com/ko/java-regex/)

알파벳/숫자/언더바만 포함되었는지 체크하려면..
String pattern = "^[\\w]*$";
boolean a = "abc123".matches(pattern);

알파벳/숫자 만 체크하려면..
String pattern = "^[a-zA-Z0-9]*$";
boolean a = "abc123".matches(pattern);

그룹에서 \1 즉 "\\1"은 첫번째 엘리먼트를 뜻함. = m.group(1)
\\b (바운더리) 는 이스케이프 캐릭터로서 단어를 찾을때 앞뒤에 넣으면 좋음.

중복된 단어 하나로 만들기 예제
        // String regex = "\\b(\\w+)\\b(?=.*\\b\\1\\b)";
        // String regex = "(\\b\\w+)(\\W\\1\\b)+";
        
        //이것도 잘되나 String regex = "\\b(\\w+)(\\s\\1)+\\b";
        String regex = "(\\w+)(\\s\\1)+"; //이게 제일 심플하면서 어느정도 동작 확인. 
          //스페이스 제외하고 앞부분만을 word로 보는듯. 
        
        Pattern p = Pattern.compile(regex, Pattern.CASE_INSENSITIVE);

            String input = in.nextLine();
            
            Matcher m = p.matcher(input);
           
            // Check for subsequences of input that match the compiled pattern
            while (m.find()) {
                //  System.out.println("==" + m.group() + "," + m.group(1)+".");
                input = input.replaceAll(m.group() , m.group(1));
            }
            // Prints the modified sentence.
            System.out.println(input);

Regex Test 사이트는  https://regex101.com/

java API:  https://docs.oracle.com/javase/8/docs/api/java/util/regex/Pattern.html 

Regex자료는 여기서 참고: Ref

▲ 출처 : http://lng1982.tistory.com/141

spring 에서 async기능구현 필요가 있다면 메쏘드에 @Async를 사용하면 된다.

이 때, Application에는 @EnableAsync가 필요하다.

 REF

Retryable은 몇번의 실패을 다시 해주게 해주는데, 아래와 같이 사용하면된다.

정해진 실패 회수를 초과할 경우 @Recover함수가 불리게 되는데, exception + 파라미터가 동일하다는 점에 주의! 

Application에는  @EnableRetry가 필요하다.  

private static final int MAX_ATTEMPTS = 4;
private static final long BACK_OFF_DELAY = 2000;  //msec

@Retryable(value = DataAccessResourceFailureException.class,
        maxAttempts = MAX_ATTEMPTS,
        backoff = @Backoff(delay = BACK_OFF_DELAY))
public void checkAndProcess(String userKey, String itemId) {


@Recover
public void recover(DataAccessResourceFailureException e, String userKey, String itemId) {
    log.error("All retries have failed!, userKey:{} " + e.toString(), userKey);
}

private 함수를 테스트 할 경우, java의 reflection기능을 사용해서 test할 수 있다.

import java.lang.reflect.Method;

Map<String, Long> repeatMap = null;
try {
    Method method = ChatRankingService.class.getDeclaredMethod("getRepeatCount", List.class);
    method.setAccessible(true);
    repeatMap = (Map<String, Long>)method.invoke(chatRankingService, serviceCodes);
} catch (Exception e) {
}

이와 같이 method.setAccessible(true)를 하면 private함수도 실행이 가능하다. 

REF

oracle에서 workbench를 다운로드 해서( GPL 라이선스라 로그인은 필요함)

실행한 후, 

Database메뉴에서 

 => Reverse Engineering을 하면, 

기존시스템의 ERD를 뽑을 수 있게 된다.

화면의 table 에 이미 있는 내용을 사용자가 또 추가입력하는 경우

(즉, 팝업을 통해서 새로운 데이타를 추가하는데,  화면에 이미 있는내용과 중복되는지 체크하는 경우)

서버를 통하지 않고, jQuery를 통해서 쉽게 방지해서 alert창을 뛰울 수 있다.

<script type="text/javascript">
function nameCheck() {
  var name = $('#myInput').val();
 
  if ($('.listedName:contains(' + name + ')').length != 0) {
    alert('already Exists');
    return false;
  }
  return true;
}
</script>


<table>
 <tr>
      <td>ID1</td>
      <td class="listedName">name1</td>   // name2, name3 등 반복
 </tr>

.....
<form onsubmit="'return nameCheck()'">
<input id="myInput"/>

그런데, contains함수가 문제가 약간있다.

Entity단위(테이블 TD단위)로 비교를 하지 않고...    Entity안에 단어가 포함되는지를 비교하는 문제가 있다.

그래서  정확하게 비교를 하고 싶을때는 filter를 쓸 필요가 있다.  REF

if ($('.listedName').filter(function() {
      return $(this).text() === name;
    }).length !=0 ) {

RestTemplte.getForEntity 등 각종 함수에서 RestClientException (RUNTIME Exception)을 throw한다.

하지만 이 에러는 code를 표시하지 않기 때문에,

HttpClientErrorException을 catch하는게 좋다.

이렇게 HttpClientErrorException은 RestClientException을 상속받으며, 우리가 http를 주로사용하기 때문에

대부분이 여기에 해당된다.

사용법은 REF 첫번째 answer과 같이... 사용하면 된다.

try {
        ResponseEntity<StoreDto> r = restTemplate.getForEntity(url, StoreDto.class, m);
    }
    catch (final HttpClientErrorException e) {
        System.out.println(e.getStatusCode());
        System.out.println(e.getResponseBodyAsString());
    }

404에러 등이 잡힌다.