Javascript

객체 생성, Class

객체 생성 1. 객체 리터럴 방식 var obj = {key1: value1, key2: value2, ...} 위의 방식처럼 변수처럼 객체를 생성하는 방법으로 중괄호 안에 key: value 쌍을 쉼표(,)로 구분하여 만든다. var duck = {name: "duck", height: 180, age: 26}; console.log(duck); { name: 'duck', height: 180, age: 26 } 2. 생성자 방식 [1] new Object() new 연산자를 통해 Object 객체의 생성자 함수 호출. var duck = new Object(); duck.name = "duck"; duck.height = 180; duck.age = 26; console.log(duck); { na..

lodash

https://lodash.com/docs/ Lodash Documentation _(value) source Creates a lodash object which wraps value to enable implicit method chain sequences. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primiti lodash.com lodash lodash 라이브러리는 자바스크립트로 개발시 가장 많이 사용되는 라이브러리 중에 하나이다. array 를 다룰때 번거로움을 없애고 쉽게 ..

타입, Array, Array에 유용한 메서드

자바스크립트 타입 javascript에는 크게 두가지 타입이 있다. 이건 자바스크립트라는 언어에 국한된게 아니고 대부분의 언어의 공통사항이다. 첫번째는 값이 담겨있는 primitive 타입과 두번째는 주소값이 담겨있는 reference 타입이다.primitive 타입에는 primitive 타입에는 String, Number, Boolean, null, undefined, 그리고 es6에 추가된 symbol까지 6가지 reference 타입에는 object 가 있다. 이 개념을 분명히 알고있어야 call by value와 call by reference 의 차이점을 이해할 수 있고, shallow copy 와 deep copy의 차이점을 이해할 수 있고, 리액트에서 자주 나오는 immutable의 의미를 ..

arrow function

함수 선언문 기본적인 함수 선언문 function add(x, y) { return x + y; } 함수표현식 함수 선언문을 변수를 선언해서 함수 표현식을 만들 수 있다. 왼쪽에는 변수가 오고 오른쪽에는 이름이 없는 익명함수 (anonoymous function)이 오게 된다. 선언문과 표현식의 차이는 표현식은 호이스팅이 안된다. 표현식에서 변수부분만 일어나고 실제 할당은 코드가 실행될 때 대입된다. var add = function(x, y) { return x + y; } arrow function 함수 표현식일 경우 우측은 익명함수가 오게 되는데 이 익명함수를 arrow function으로 바꿀 수 있다. 바꾸는 방법은 function이라는 키워드를 지우고 파라미터와 함수 내부 내용 사이에 =>를 ..