세줄코딩

오호 ~ -https://www.jasondavies.com/wordcloud/?spiral=archimedean&scale=log

https://refreshless.com/nouislider/ 기본 range slider 설정 ( 해당 홈피에도 나와있다 ) var slider = document.getElementById('slider'); noUiSlider.create( slider, { start: [20, 80], connect: true, range: { 'min': 0, 'max': 100 }} );

여기에 service와 factory에 대한 좋은 글이 있다. http://www.haruair.com/blog/3223 아래는 위 블로그의 주요 글 내용 요약이다. service : 생성자 함수와 같이 동작하고 new 키워드를 사용해 인스턴스를 초기화 한다. 서비스는 퍼블릭 메소드와 변수를 위해 사용한다. factory : 비지니스 로직 또는 모듈 제공자로 사용한다. 객체나 클로저를 반환한다.객체 참조에서 연결 및 갱신을 처리하는 방법으로 인해 노출식 모듈 패턴(Revealing module pattern) 대신 호스트 객체 형태로 반환한다. 왜?: 노출식 모듈 패턴을 사용하면 초기값을 변경할 수 없는 경우가 있기 때문이다. 차이점 : 일반적으로 상속이 필요한 데이터 핸들링이나 모델링 등의 경우에는 S..

http://www.vanillalist.com/

이미지 로드 체크 jquery plugin 바로가기 - http://imagesloaded.desandro.com/ 깔끔하닷 ~ ㅎㅎ $('#container').imagesLoaded() .always( function( instance ) { console.log('all images loaded'); }) .done( function( instance ) { console.log('all images successfully loaded'); }) .fail( function() { console.log('all images loaded, at least one is broken'); }) .progress( function( instance, image ) { var result = image.is..

ES6에서 지원하는 스프레드 연산자 .. // var a, b, c, d, e; a = [1,2,3]; b = "dog"; c = [42, "cat"]; // Using the concat method. d = a.concat(b, c); // Using the spread operator. e = [...a, b, ...c]; console.log(d); console.log(e); // Output: // 1, 2, 3, "dog", 42, "cat" // 1, 2, 3, "dog", 42, "cat" // 참고 - MS - https://msdn.microsoft.com/ko-kr/library/dn919259(v=vs.94).aspx MDN - https://developer.mozilla.org..

대충 아래와 같은 코드가 있다고 치면 var positions=[{y:20, x:10}, {y:100, x:30}];var contents="좌표설정구간";var tags=''+ contents +''; 값과 문자열 간의 구분을 할때 저놈에 따옴표는 엄청 스트레스이다. ES6에선 아래와 같이 깔끔하게 해결해 주신다. `string text``string text line 1 string text line 2``string text ${expression} string text` tag `string text ${expression} string text` 아래는 모질라 문서의 설명부분 emplate literal 들은 double 또는 single quiotes 대신 back-tick (` `) char..

먼가 굉장히 심플해 보인다.... webpack이나 babel 설정등으로 고생을 이제 안해도 되는 건가? 걍 아래 처럼 해도 될듯https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html app react-app new react-app run 그런데....How to Customize --> coming soon 으로 기재되어 있다. 머 좀 더 기다리면 기대한 물건이 나올 듯 하다... 참고 : https://github.com/kriasoft/react-app