caferion

Front-End Developer

All
vue
typescript
frontend
javascript

VUE 3.0 환경 구성하기(ft.CLI)

프로젝트에 vue.js를 추가하는 방법에는 기본적으로 세가지가 있습니다. CDN패키지로 사용하기 npm을 사용하여 설치 CLI를 이용하여 설치 이 중 3번 CLI를 이용하여 설치하는것으로 진행할 예정입니다. 빠르고 쉽게 환경을 구성할 수 있으며, 없이 진행 해본 결과 공식문서 설명이 부족한 걸로 보아 CLI로 설치하는 것을 권장 하는거 같습니다. CLI …

TypeScirpt #2 Interface & Type Aliases

1) Type Alias 방식으로 타입을 새로 별칭으로 만들 수 있다. 2) Extends 키워드를 이용하여 interface를 확장 할 수 있다.(class와 비슷) 3) Call & Construct Signature 함수 호출과 return값을 interface 와 type을 이용하여 정해줄수있다. (Call Signature) interface…

나만의 ESLint Rule 만들기 feat Airbnb(팀 Style Guide 배포 후기)

1. ESLint란? ECMA Scirpt + Lint 합성어로 자바스크립트 문법중에 에러가 있는 곳에 표시를 알려주는 도구입니다. 많은 회사들이 ESLint로 스타일 가이드를 지정하고 사용하고 있으며 대표적으로 Airbnb Style Guide와 Google Style Guide들이 있습니다. 2. 왜 Style Guide를 만들었을까? 우리 팀은 Ai…

TypeScirpt #1 타입스크립트 기초

TypeScript 3 Fundamentals, v2 강의를 보고 정리한 내용입니다. 1. 타입스크립트 마이크로소프트에서 개발한 정적 타입 언어 자바스크립트로 컴파일 필요 바벨7가 원할하게 동작 2. 타입스트립트를 왜 쓸까? 일반적인 실수를 잡을 수 있다. (ex 스펠링 에러등) 런타임때 발생할 에러를 컴파일 할때 에러로 알 수 있다. 3. 타입스크립 설…

let, const 그리고 var (자바스크립트 변수 선언)

자바스크립트에서 변수를 선언하는 방법에는 , 그리고 3가지가 있다. var는 자바스크립트 초창기부터 변수를 선언하는 방법이고 let, const는 ES6에서 추가되었다. 어떠한 차이들이 있는지 한번 알아보자. 1. var에 대하여 는 ES5까지 자바스크립트에서 변수를 선언하는 유일한 키워드였다. 는 다음과 같은 특징이 있다. 함수 레벨 스코프 변수 호…

호이스팅(Hoisting)의 이해

자바스크립트를 하다 보면 한 번쯤은 호이스팅이라는 말을 들어봤을거다. 그럼 호이스팅은 뭘까? 1. 호이스팅이란? 먼저 MDN을 확인해보자. 호이스팅(hoisting)은 ECMAScript® 2015 언어 명세 및 그 이전 표준 명세에서 사용된 적이 없는 용어입니다. 호이스팅은 JavaScript에서 실행 콘텍스트(특히 생성 및 실행 단계)가 어떻게 동작하…