내맘대로

node.js는 기본으로 다른 모듈을 갖다가 사용하고자 할 때 require 메소드를 이용하여 가져올 수 있도록 지원해준다. 하지만, 브라우저 자체는 require 메소드가 undefined이기 때문에브라우저 안에서 실행되는 코드에서 외부 모듈을 가져오기 위해 require문 사용 시,에러를 맞이하게 된다 ㅠㅠ 바로 다음과 같은 상황 main.jsvar unique = require('uniq'); var data = [1, 2, 2, 3, 4, 5, 5, 5, 6]; console.log(unique(data)); 위의 코드는 uniq라는 모듈을 가져다가 동작을 하고 있다. 우선 위의 코드를 브라우저에서 실행시키기 위해서는 uniq라는 모듈이 필요하다. npm으로 uniq 모듈을 설치한다. npm in..

객체란 이름이 있는 값을 의미한다. 객체의 값은 단일 값일 수도 있으며, 객체의 여러 가지의 값을 담고 있을 수도 있다. // 단일 값 예시var object = 1; // 복수의 값을 담고 있는 예시 var object1 = {};object1.living = 'seoul';object1.age = 20; 객체를 생성하는 방법은 여러가지다. 우선 생성자 함수를 활용하여 객체를 생성하는 방법을 살펴보자. 생성자 함수란 미리 객체의 틀(형태)을 만들고 필요할 때 마다 호출하여 특정한 틀을 갖추고 있는 객체를 반환하는 방식이다. var Person = function() {this.living = 'seoul';this.age = 20;} var person = new Person();console.log(..

가끔 void 0 이라는 코드를 보는 경우가 있다. void 0은 무엇인가?? 찬찬히 void 연산자 부터 살펴보자. void는 함수 body의 내용을 실행하고 undefined를 리턴하는 연산자다. void 0이라는 문구는 void(0)과 동일한 코드이며,단지 undefined라는 값을 얻기 위한 코드인 것이다. 그러면 undefined라는 값을 직접 사용하지 않고void 0을 사용한 이유는 무엇일까? JS 초창기 시절 undefined는 writable한 전역 변수였다.(즉, undefined에 값을 할당이 가능) 값이 할당된 undefined로 인한 버그를 막기 위해void 0 이라는 코드를 사용하게된 것이다. 물론 최신 브라우저에서는undefined에 값 할당이 불가하다. 마지막으로 관련 url ..

JS에서 함수를 실행하게 되면 함수의 컨텍스트가 바뀌게 되어 컨텍스트를 유지시켜줘야 하는 경우가 있다. 컨텍스트를 유지하여 실행하는 방법으로는 함수를 실행 전에 변수를 설정해서 기존의 this를 할당 후,해당 변수를 통해 컨텍스트를 유지하도록 할 수는 있다. var view = this;$("div.className").on("click", function() {view.func();}); 하지만, 먼가 이런 방법 말고 Function 자체의 함수를 통해컨텍스트를 유지하고 싶다면? Function 자체의 함수로 함수의 컨텍스트를 유지시킬 수 없을까?? call, apply, bind가 컨텍스트를 유지시켜주는 역할을 하는 함수다.그럼 이 함수들의 차이점은 무엇인가? 우선 크게 call, apply와 bin..

Angular에서는 view의 DOM에 대한 내용을 처리하는 Directive라는 개념이 있다. Angular가 기본적으로 제공되는 directive도 있으며,사용자가 필요에 따라 커스텀하게 만들 수 있다. 이 포스팅에서는 기본 제공되는 여러 directive 중 @HostListener와 @HostBinding에 대해 비교해보려 한다. (왜냐면 내가 헷갈렸기 때문이다ㅠ) 결과적으로 보면 이름은 비슷한데,하는 내용은 완전히 다르다. 예시를 각각 보면서 확인해보자. HostListener 예시 @HostListener('click', ['$event.target'])onClick(target) {console.log('click!', target);} HostListener 디렉티브는첫번째 paramete..