Jaewonism - POST, Github, Front-end, Back-end, Web Developer, 웹 개발자, 프론트 엔드, 개발자, 백 엔드, Node JS, Express JS, Ruby On Rails

JOIN
LOGIN

innerHTML와 insertAdjacentHTML

네이티브한 자바스크립트에서 append 혹은 prepend, 혹은 내용 수정을 할 때,[DOM Element].innerHTML = [TEXT]를 사용한다.이 방식은 DOM을 파싱하는 과정에서 기존의 하위 노드들의 노드 트리가 삭제되고 재구성되는 과정이 추가되므로,실생 시간이 많이 낭비 되었다.insertAdjacentHTML은 이를 개선하기 위한 것으로 ...

   APR 4. 2016
innerHTML와 insertAdjacentHTML

CSS vendor prefix 감지하여 스타일 적용하기 (code)

var setCSS = function (el, p, v) { var styles = window.getComputedStyle(document.documentElement, ''), prefixes = ['webkit', 'Webkit', 'Moz', 'moz', 'Ms', 'ms', 'O', 'o', ''], prefixLen = prefixes...

   AUG 18. 2016
CSS vendor prefix 감지하여 스타일 적용하기 (code)

pdfmake 라이브러리로 PDF 생성하기

사용한 Library 는 pdfmake 이다.프로젝트를 하면서, 원래는 Server-side (Node JS 기반) 에서 PDF 를 생성하기 위한 모듈로 PDFKit 을 사용했었다.하지만, 한글이 제대로 출력되지 않는 현상이 있어서, 다른 모듈을 사용하려고 이런 저런 모듈(Wkhtmltopdf, pdfmake(npm), Phantom JS 등..)을 찾아보...

   SEP 12. 2016
pdfmake 라이브러리로 PDF 생성하기

Java Script String

자바스크립트 문자열은 16 비트 값들이 연속적으로 나열된 변경 불가능한 값으로, 각 문자는 유니코드 문자로 표현된다.- 자바스크립트는 유니코드 문자열에 대해 정규화 과정을 수행하지 않는다. 따라서, 같은 문자로 보이더라도 다르게 인코딩이 되어있는 경우가 있다.- 문자열 비교 연산을 수행할 때, 이러한 문제를 해결하려면, String.prototype.loc...

   AUG 3. 2016
Java Script String

자바스크립트 코드를 ES6 문법으로 변환하기

http://lebab.io/try-it위 사이트에 가면, 자바스크립트 코드를 ES6 문법으로 변환해준다.예상과 다른 부분도 있지만 꽤나 강력하다.let / const 와 arrow function 부터, 클래스까지 변환이 된다.ES6 를 공부하고 있다면, 참고해봐도 좋을 사이트이다.

   AUG 8. 2016
자바스크립트 코드를 ES6 문법으로 변환하기

Array 에서 중복되는 원소 제거하기

배열이 원시 데이터 타입으로 된 원소만 가질 경우ES5배열이 원시 데이터 타입만을 포함할 경우, Array.prototype.filter() 메소드와 Array.prototype.indexOf() 메소드 를 사용하여, 중복 원소를 제거할 수 있다.Array.prototype.filter() : 매개 변수로 받는 함수의 반환값으로 true 인 것들로만 구성된...

   SEP 16. 2016
Array 에서 중복되는 원소 제거하기

자바스크립트 변수 생명주기 - 왜 let 은 호이스팅되지 않을까?

본 글은 Dmitri Pavlutin 의 허락을 받고, JavaScript variables lifecycle: why let is not hoisted 를 번역한 것입니다.오역 또는 정확하지 않은 표현, 빠진 부분이 있을 수도 있다는 점 유의하셔서 보시기 바랍니다.호이스팅은 변수 표현식 var 와 함수 선언 functino func() { … } 이 해당...

   SEP 16. 2016
자바스크립트 변수 생명주기 - 왜 let 은 호이스팅되지 않을까?

Java Script Closure

Closure 클로저는 다른 함수의 스코프 안에 있는 변수들에 접근할 수 있는 함수를 뜻한다. 클로저의 특징 클로저는 lexical scope 로 인해 독립적인 변수를 가리키는 함수로, 클로저 안에 정의된 함수는 만들어진 환경(lexical environment) 를 기억한다. 클로저는 자신의 스코프에 정의된 변수, 외부 함수의 변수, 전역 ...

   JAN 15. 2017
Java Script Closure

Java Script 에서 Object 복사하기

Object 복사하기다음과 같은 방식으로 Object 를 복사하면, 객체를 참조하는 복사가 된다. 12var foo = { key: 'Copy an Object !' };var bar = foo; 예제를 통해 얕은 복사 (Shallow Copy), 깊은 복사(Deep Copy) 를 구현하고자 한다. 1234567891011...

   DEC 12. 2016
Java Script 에서 Object 복사하기

Fisher Yates Shuffle 을 통한 Array 순서 섞기

Array 순서 섞기와 순서 정렬하기Array 를 사용하다 보면 순서를 정렬하거나, 순서를 섞어야 하는 경우가 있다. Array 순서 섞기배열의 순서 정렬은 Array 클래스의 메소드 중 sort 로 구현이 되어 있지만, 순서를 섞는 메소드는 구현되어 있지 않다.이 메소드를 Fisher Yates Shuffle로 구현하고자 한다....

   DEC 12. 2016
Fisher Yates Shuffle 을 통한 Array 순서 섞기