개발 노트

나에게 도구란?백엔드 개발을 이어오면서 회사의 규모에 상관없이 도구의 중요성은 갈 수록 더해지는 것 같다. 처음 백엔드 개발자로 일하면서는 개발에 필요한 IDE 외에는 별다른 도구를 사용하지 않았었다. 그게 불과 7년 전인데 그간 정말 많은 도구들이 생겨나고 접해보게 되었다. 그 과정에서 잘 만들어져있는 도구들을 굳이 직접 만들 필요가 없다는 것을 느끼게 되었고 많은 사람들이 개발에 참여한 오픈소스나 상용 프로그램들이 나 또는 팀에서 직접 만드는 것..

ClassFunction 오브젝트가 바탕별도로 class가 존재한다기 보다 function을 조금 더 객체지향적으로 사용할 수 있게끔 만들었다고 생각하면 좋을 듯객체 지향에서 사용하는 Syntax 추가static, super자바스크립트의 객체지향은 C++이나 자바와 같은 기본적인 객체지향의 개념이라기 보다는 기존과 동일하게 prototype을 기반으로 한다.스펙의 Object 절 참고class 선언문window.onload = function() {..

GeneratorGenerator function : function* 키워드를 사용한 함수Generator function을 호출하면 함수 블록을 실행하지 않고 Generator 오브젝트를 생성해서 반환오브젝트를 만드는 과정과 블록을 실행하는 부분을 나누어서 관리Generator function을 통해 반환된 오브젝트를 사용해서 함수 블록을 실행(next 메소드)bind의 경우에도 이와같이 함수를 실행할 오브젝트를 반환해서 사용한다는 면에서 비슷c..

Arrayfrom()이터러블 오브젝트를 Array로 변환Array-like 포함entries() : Array를 이터레이터 오브젝트로 생성하여 반환const values = [10, 20, 30]; const iterator = values.entries(); for (const [key, value] of iterator) { console.log(key, ": ", value); }find()find()와 filter()는 모두 Arra..

UnicodeES6에 유니코드 관련 프로퍼티와 메소드 추가유니코드는 U+0031 형태로 표현코드 포인트0031이 코드 포인트 또는 문자 코드로 알려져있음코드 포인트 값으로 문자/기호/이모지/아이콘 등 표현4자리 이상의 UTF-16 진수 형태110만개 이상 표현 가능plane : 코드 포인트 전체를 17개 평면(plane)으로 나눔하나의 plane은 65535개첫번째 plane을 BMP(Basic Multillingual Plane)일반적인 문자가 여..

Number자바스크립트는 IEEE 754에 정의된 double-precision floating-point format numbers로 숫자 표시변수 생성 시 타입 지정이 없는 자바스크립트는 엔진이 알아서 소수인지 정수인지 판단64비트 유동 소수점 형태로 수를 표시RGB 표현의 경우에는 1바이트만으로도 충분하게 표현이 가능한데 64비트는 8바이트이기 때문에 7바이트가 낭비됨이를 방지위해 typed array가 등장함숫자 표현의 경우에는 typed a..

ObjectObject.is()오브젝트의 비교가 목적이 아니라 값의 비교가 목적임== : 타입은 비교하지 않고 값만 비교 (사용 권장하지 않음)=== : 값과 값 타입 모두 비교Object.is()와 === 차이+0 === -0은 true지만 Object.is()는 false사람 입장에서는 같다고 생각할 수 있지만 기계적으로는 틀림음/양 표현을 하는 비트 플래그 값이 다름NaN === NaN은 false, Object.is()는 true=== 비교로..

for-of이터러블 오브젝트 반복Symbol.iterable이 존재해야 가능예제for(const value of [10, 20, 30]) { console.log(value); }NodeList 엘리먼트를 하나씩 반복하여 전개예제const nodes = document.querySelectorAll("li"); for(const node of nodes) { console.log(node.textContent); }Node는 자바스크립..

operatordestructuringDestructuring Assignment코드 형태let one, two, three; [one, two, three] = [1, 2, 3]; // array 분할 할당분할 할당의 개념중첩된 array라도 형태만 맞추면 변수에 값 할당 됨[one, two, [three, four]] = [1, 2, [3, 4]]변수할당이 필요 없는 경우 콤마로 구분해서 pass 가능[one, , , four] = [1,2,3,..

Iteration반복을 의미반복하기 위한 프로토콜 필요프로토콜은 규약을 의미반복을 처리하기 위한 함수를 가지고 있는 오브젝트여야 함구성iterable 프로토콜Iterator 프로토콜빌트인 오브젝트는 기본적으로 이터러블 프로토콜을 가지고 있기 때문에 반복 가능String, Array, TypedArray, Map, SetArguments, DOM NodeList이터러블 오브젝트는 빌트인 오브젝트 외에 이터러블 프로토콜이 설정된 오브젝트를 의미이터러블 ..