Vue.js 프로젝트에 ESLint 적용하기
ESLint 규칙과 Auto Fix ESLint 는 ECMAScript/JavaScript 코드에서 코딩 품질과 스타일 검사하는 정적 코드 분석 도구입니다. ESLint 검사규칙은 사용자 요구에 맞게 재정의될 수 있고, Airbnb config 처럼 검증된 플러그인을 이용해 확장될 수 있습니다. ESLint 는 가벼운 규칙 위반시 자동으로 수정해주는 기...
웹팩(webpack)의 cache-loader
웹팩 Loader 의 역할 웹팩은 정적 모듈 번들러(static module bundler)입니다. 모듈 번들러는 entry 속성에 지정된 \*.js 파일을 분석해 require/import 로 의존관계에 있는 리소스(css, image, webfont)와 자바스크립트 모듈을 묶어 웹 브라우저에서 실행 가능한 하나(혹은 여러 개)의 번들 파일을 생성합니다...
자바스크립트 Class 와 편의문법, 그리고 믹스인(Mixins) 기법
자바스크립트 Class 에 관한 오해 자바스크립트는 ES2015(ES6) 부터 클래스 문법이 도입되었습니다. class 키워드의 등장은 코드 작성자 입장에서 아주 반가운 일이지만, 실은 클래스처럼 동작하게끔 만들어주는 편의문법(syntactical sugar)이라는 점에 유의해야 합니다. 내부적으로 기존 prototype 기반의 상속구조 변환되기에 사용자...
Javascript 장식자(decorator) 패턴
ES2015 부터 자바스크립트는 클래스 문법을 직접 지원합니다. 클래스 상속을 위해 extends 란 명시적인 키워드가 제공되고, 생성자 안에서 super 메서드 호출이 가능해졌습니다. 무엇보다 반가운건 클래스 내부 어디에서 사용하든 this 는 현재 인스턴스를 참조하도록 제공된다는 점입니다. 그동안 자바스크립트는 의사(pseudo) 클래스를 이용해 프로토...