주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

모듈 시스템: CommonJS, AMD, UMD, ES6 여러 기능에 관한 코드가 모여있는 하나의 파일 장점 의존성을 줄여주기때문에 유지보수 용이 모듈만의 네임스페이스 화 필요할때마다 재사용 위와 같은 이유로 모듈의 개념이 필요했고, Javascript에서는 여러가지를 시도하였다. CommonJS 서버사이드 및 데스크탑 어플리케이션에서 지원하기 위해 만든 방식으로 Node.js에서 사용 가능하다. require, module.exports를 사용하는 방식이다. 여기서 module.exports의 module은 예약어이며 현재 모듈에 대한 정보를 가지고 있는 객체이다. // search.js const getWord = () => {}; module.exports = { getWord }; // index..

ES6 간단하게 알고가기 선언 ES6에서는 블럭 스코프 선언 방식(let, const)을 사용한다. let 변수 const 상수 (배열과 오브젝트의 값 변경은 가능하다.) immutable array 기존 배열을 복제하여 사용한다. 전개연산자(Spread Operator)를 사용하여 복제할 수도 있다. (immutable.js라는 라이브러리도 있다.) const a = [1,2,3]; const b = [...a]; 메서드 화살표함수(Arrow function) 클래스 개념 도입 setPrototypeOf 프로토타입 객체 추가 모듈(module) 프록시(proxy) startsWith(), endWith() 앞 뒤로 문자열 일치 여부 판단 includes() 문자열 포함 여부 판단 for-of for-i..

은닉을 향한 자바스크립트의 여정 클래스 필드 스펙 Stage3까지 올랐다고한다. 곧 Stage4가 표준 스펙이 될거라는데?? 타입스크립트 3.8부터 private를 지원, 공부 중에 잠깐 확인한 적이 있었다. 표준 스펙이 될 것이다. 스펙이 업데이트될 수 있다. private와 같은 키워드를 사용하지 않고 #을 사용한다. 키워드가 아닌 프리픽스 public과 다르게 클래스의 필드 선언을 통해서만 만들 수 있다. 동적으로 객체에 추가할 수 없다. 메서드에는 제한적이며 메서드 선언으로 사용 불가 함수 표현식으로 정의 객체 초기화 구문은 계산된 속성명(computed property name)을 사용할 수 없다. 모든 private 필드는 소속된 클래스에 고유한 스코프를 갖는다. getter 함수를 만들어서 ..

let, const와 블록 레벨 스코프 ES6부터 let, const를 사용하게 되는데, var와는 여러가지 차이가 있다. 선언은 프로그래밍에서 필수기때문에 var와 let, const차이를 이해하고 넘어가지 않으면 많은 프로그래밍적 오류를 발생시킬수 있다. 변수 호이스팅 단계 선언단계(Declaration phase) 변수를 실행시키는 실행 컨텍스트의 변수 객체에 등록, 이 객체는 스코프가 참조하는 대상이됨 초기화단계(Initialization phase) 변수 객체에 등록된 변수를 위한 공간을 메모리에 확보 - 변수는 undefined로 초기화됨 할당 단계(Assignment phase) undefined로 초기화 된 변수에 실제 값 할당 var var 생략 시 전역변수로 선언 의도하지 않게 선언된 ..