이 글은 vue-cli 2버전에 대해서 다룹니다. 현재 webpack 4가 탑재된 vue-cli 3버전이 나왔지만 베타(RC)버전입니다. Introduction 이 환경 설정은 대형 프로젝트에 적합하며, Webpack 과 vue-loader에 대한 사전지식이 있다고 가정하에 진행됩니다. 시작하기 전에 vue-loader 문서를 먼저 읽어보는 것을 추천합니다.Vue 프로젝트 템플릿은 빠르게 어플리케이션 코드를 작성할 수 있도록 대부분의 기능을 갖춘 개발 도구 설정을 제공합니다. vue list를 실행하여 사용가능한 공식 템플릿을 확인할 수 있습니다. 현재 사용할 수 있는 템플릿 목록은 다음과 같으며 이 튜토리얼에서는 webpack 템플릿을 이용하여 진행합니다. 만약 단순히 vue-loader를 경험하려고 ..
[IntelliJ] ESLint autofix 단축키
JetBrains에서 제공하는 IDE에서 ESLint의 설정된 룰에 맞게 자동으로 보정해주는 ESLint autofix 기능을 제공합니다. IntelliJ 혹은 WebStrom에서 사용할 수 있습니다.ESLint 경고가 뜨는 곳에서 ALT + ENTER 키를 누르면 다음과 같은 화면이 뜹니다.그리고 ESLint: Fix current file 을 눌러주면 끝입니다.그러면 다음과 같이 설정에 맞게 알아서 수정이 됩니다. 참고로 WebStrom은 2016.3 버전 이상에서만 기본으로 탑재되어 있다고 합니다.WebStrom 2016.3 이하의 버전에서 ESLint autofix 기능을 사용하고 싶으면 다음의 링크를 통해 설정하시면 됩니다.https://blog.jetbrains.com/webstorm/2016..
인사이드 자바스크립트국내도서저자 : 고현준,송형주출판 : 한빛미디어 2014.01.02상세보기 자바스크립트의 데이터 타입 기본타입 : 숫자(Number), 문자열(String), 불린값(Boolean), undefined, null 참조타입 : 객체(Object) - 배열(Array), 함수(Function), 정규표현식 자바스크립트에서는 모든 숫자를 64비트 부동 소수점 형태로 저장한다. var intNum = 10; var floatNum = 0.1; console.log(typeof intNum); // number console.log(typeof floatNum); // number 문자열은 문자 배열처럼 인덱스를 이용해서 접근할 수 있다. 한 번 생성된 문자열은 읽기만 가능하지 수정은 불가능하..
이 글은 4 JavaScript Design Patterns You Should Know를 번역한 글입니다. 모든 개발자는 유지 보수 가능하고 읽기 쉽고 재사용 가능한 코드를 작성하려고 노력합니다. 응용 프로그램이 커질수록 코드 구조화가 중요 해집니다. 디자인 패턴은 이러한 문제를 해결하는 데 중요한 역할을하며 공통된 환경에 대한 조직 구조를 제공합니다. JavaScript 웹 개발자는 응용 프로그램을 만들 때 무의식적으로도 디자인 패턴과 자주 상호 작용합니다. 비록 특정한 상황에서 사용되는 다양한 디자인 패턴들도 있지만, 일반적으로 JavaScript 개발자들이 많이 쓰는 몇몇의 패턴들이 있습니다. 이번 포스트에서 프로그래밍 스킬을 향상시키기 위해 이러한 일반적인 패턴들에 대해 이야기하고, JavaSc..