RATSENO

var url = "/api?"; url += "pageNo=" + 1; url += "&pageSize=" + 10; 위의 방식처럼 노가다성 코딩 대신 jQuery의 jQuery.param() 함수를 이용하여 url parameter를 쉽게 생성하여 사용할 수 있습니다. var params = { name:"홍길동", title:"홍길동전" }; var str = jQuery.param( params ); var str2 = $.param( params ); console.log(str); console.log(str2); //name=%ED%99%8D%EA%B8%B8%EB%8F%99&title=%ED%99%8D%EA%B8%B8%EB%8F%99%EC%A0%84 //name=%ED%99%8D%EA%B8%..

위와 같은 코드가 작성되어 있을 때, 텍스트 인풋 영역에서 커서가 있는 상태에서 키보드 Enter를 치게 되면 submit이 일어나게 됩니다. 이를 방지하기 위한 간단한 방법을 두 가지 정리하겠습니다. 1. 태그 안에 onsubmit="return false"을 작성하여 submit 방지 2.Enter keydown 이벤트 사용하여 방지 document.addEventListener('keydown', function(event) { if (event.keyCode === 13) { event.preventDefault(); }; }, true);

최신 버전의 브라우저들은 ES6가 동작을 합니다. 하지만 프로젝트가 진행되는 사이트마다 브라우저 버전이 낮은 경우(또는 IE....) ES6가 동작하지 않을 때가 많습니다. 이럴 때는 ES6에서 사용하고 싶은 메서드를 우리가 작성하고 있는 소스에 적용하거나, 프로젝트마다 공통으로 작성되는 JS파일에 해당 메서드를 작성하면 됩니다. developer.mozilla.org MDN Web Docs Hacks Blog Read more at hacks.mozilla.org Nearing the end of March now, and we have a new version of Firefox ready to deliver some interesting new features to your door. This mo..

ratseno.tistory.com/100 CompletableFuture -1 CompletableFuture를 간단하게 정리하기 전에, 속성으로 동기, 비동기에 대해서 정리하겠습니다. 저도 이해하기 편하도록 식당을 예를 들어 설명해보겠습니다. 동기 : 식당에 갔습니다. 음식을 점원 ratseno.tistory.com 이전 포스팅에 이어서, 논블로킹 방식으로 사용하기 위한 콜백 방식에 대해서 정리해보겠습니다. 이전까지는 비동기로 호출하였지만, get() 또는 join()을 호출함으로써 응답 값을 받을 때까지 블로킹이 되었습니다. 하지만 이러한 동작은 저희가 원하는 모습이 아닙니다. 흐름을 방해 받고 싶지 않습니다. 그래서 저희는 응답값이 리턴되면, 어떠한 행위를 하도록 정의할 것입니다. 이러한 것을 콜..

package example.leetcode; public class P70 { public int climbStairs(int n) { /* n=0 ------------->0 n=1 1 ------------->1 n=2 1,1 2 ------------->2 n=3 1,1,1 1,2 2,1 ------------->3 n=4 1,1,1,1 1,1,2 1,2,1 2,1,1 2,2 -------------->5 n=5 1,1,1,1,1 1,1,1,2 1,1,2,1 1,2,1,1 2,1,1,1 1,2,2 2,1,2 2,2,1 --------------->8 피보나치 수열 */ // base cases if(n

public class P67 { private static String addBinary(String a, String b) { StringBuilder sb = new StringBuilder(); int i = a.length() - 1; int j = b.length() -1; int carry = 0; while (i >= 0 || j >= 0) { int sum = carry; if (j >= 0){ sum += b.charAt(j--) - '0'; } if (i >= 0){ sum += a.charAt(i--) - '0'; } sb.append(sum % 2); carry = sum / 2; } if (carry != 0){ sb.append(carry); } return sb.reverse..

어노테이션만 붙이면 자동으로 getter, setter, 생성자 등등 여러 가지를 생성해주는 Lombok을 자주 사용합니다. IDE에서 자동생성으로 작성하는 경우도 있지만, 개발 편의성을 위해 Lombok을 쓰는 편입니다. 속성 값으로 boolean을 사용하며 네이밍을 is"XXXX" 로 사용할 경우 IDE에서 생성되는 getter, setter의 모습 Lombok을 이용하여 생성되는 getter, setter의 모습이 다릅니다. 이러한 경우 때문에, 간단하게 자주 사용되는 Mybatis(마이바티스)에서 해당 속성 값을 찾을 때 문제가 발생하곤 합니다. boolean - IDE 자동생성 public class Member { private boolean isNew; public boolean isNew(..

CompletableFuture를 간단하게 정리하기 전에, 속성으로 동기, 비동기에 대해서 정리하겠습니다. 저도 이해하기 편하도록 식당을 예를 들어 설명해보겠습니다. 동기 : 식당에 갔습니다. 음식을 점원분께 주문하고 저는 음식이 나오면 제가 직접 세팅을 해야 되기 때문에 나올 때까지 기다립니다. 아무것도 하지않고 비동기 : 식당에 갔습니다. 음식을 점원분께 주문하고 식탁 위에 세팅을 해달라고 미리 말씀드려놨습니다.(callback) 음식이 나올 때까지 저는 기다리지 않고 다른 일 할 수 있었습니다. 이어서 블로킹, 논블로킹도 정리해보겠습니다. 음식을 가져다주시는 점원분의 입장에서 보시면 편합니다. [동기, 비동기] + 블로킹 : 점원분은 제가 주문을 한 순간, 음식이 다 나올 때까지 저를 붙잡고 아무것..

두 개의 array가 있습니다. 묘하게 비슷하게 생겼지만, arr2의 요소들은 추가적으로 job, addres 속성이 있습니다. var arr = [ { id : 1, name : "철수", age : 30 }, { id : 2, name : "철수2", age : 30 } ]; var arr2 = [ { id : 1, name : "철수", age : 30, job : "개발자", addres : "서울" }, { id : 2, name : "철수2", age : 30, job : "디자이너", address : "부산" } ]; 두 array중 arr1에 arr2요소들 중 id(키값)이 같은 요소를 병합하고 싶습니다. 그중에 arr2요소 중 job속성만 있었으면 합니다. var mergedList =..

json array에서 중복된 객체를 제거하는 여러 가지 방법에 대해서 작성해보겠습니다. 먼저 샘플로 사용할 json array입니다.(list) var arr = [ { id : 1, name : "철수", age : 30 }, { id : 1, name : "철수", age : 30 } ]; 중복된 객체를 제거하기 위해, 비교하기 위한 키 값으로 id를 선택하겠습니다. 1. filter(), findIndex()를 사용하여 중복된 객체 제거. var result = arr.filter(function(item1, idx1){ //filter() 메서드는 콜백함수에서 정의한 조건이 true인 항목만 리턴한다.(필터링) return arr.findIndex(function(item2, idx){ //fi..