개발자의 낙원

타입스크립트의 타입 추론이 점점 느려져 답답하던 중,당근 테크 밋업에서 소개된 방법으로 타입 추론의 병목 지점을 찾아해당 부분만 수정함으로써 속도를 빠르게 개선할 수 있었어요.그 경험을 정리한 글이에요. 인텔리 센스, 그것이 느려지는 이유인텔리센스는, IDE가 제공하는 코딩 편의기능이에요.코드를 타이핑할 때에 사용할 수 있는 문법들을 보여주고, 타입체크도 해주어 잘못작성한 문법을 지적해 주지요.VSCode(이하 IDE)에서 TypeScript (이하 TS) 기반 개발을 하다 보면,간혹 인텔리센스(IntelliSense)가 느려지는 경험을 할 때가 있어요. IDE의 TS는 코드를 입력할 때마다 TS컴파일러가 코드를 분석하고 타입을 추론해 줘요.이 과정이 실시간으로 이루어지기 때문에, 프로젝트의 코드 규모가..

Generic? 사전적 의미: 일반적인, 추상적인, 포괄적인 반의어) 구체적 (specific) Generic in TypeScirpt(타입스크립트, 이하 TS) TS의 "유연한 타입 제약"을 가능케하는 문법. 하나의 함수, 또는 클래스 코드가 여러 타입의 객체를 받을 수 있게. 해준다. 그래서 코드의 간결함과 가독성, 재사용성등을 향상 시킬수 있다. TS는 타입에 제약조건을 걸어 오류가없고 깔끔한 JS코드를 생성하기위해 만들어진 언어이다. 하지만 여러타입의 객체에대해 작업을 수행하는 코드를 작성할때 타입별로 비슷한내용의 코드를 반복해서 작성해야 하는 번거로움이 있다. Generic을 사용하면 이런 수고로움을 덜 수있다. Generic은 JS에는 존재하지 않는 TS만의 구성요소이다. Genric 문법 T..

Intersection? 사전적 의미: 교차로, 교집합, 어떤 것들이 가로지르는 지점 Intersection type (in Typescript): 여러 타입을 융합하여 만든 하나의 타입. "&" 연산자를 활용하여 정의한다. 융합된 타입들의 요소를 전부 가지고있다. type예제 type CheeseBurger = { numBread: number; numCheese: number; } type BeefBurger = { numBread: number; numBeef: number; } //numBread라는 공통의 요소를 가지고있는 두 타입을 정의했다. type BeefCheeseBurger = CheeseBurger & BeefBurger; //& 연산자가 바로 intersection 연산자이다. //..

타입스크립트 소개 및 개발 준비 게시물의 링크는 이 글의 맨 밑에 있습니다. Art and design icons created by Freepik - Flaticon 목차. A. interface의 개념 사전적 정의, 프로그래밍 언어에서의 정의 사용이유 B. Typescript예제 1. object와 class의 청사진이 되는 interface 2. function의 청사진이 되는 interface 3. +@: readonly제어자와 option(옵션) 항목 A. Interface 개념 interface(인터페이스)란? 타입스크립트의 interface : class(클래스), object(오브젝트), function(함수) 등을 정의하기 위한 blueprint(청사진)을 제공하는 구성요소. 사전적 의미..

Miscellaneous icons created by Pixel perfect - Flaticon Singleton(싱글턴)? 일반적인 용어: "Single"에 하나를 의미하는 접미사 "ton"을 붙여서 "단독"의 의미를 강화한 단어. ex) singleton (카드): 카드 한 장 singleton (사람): 자식이 없는 사람, 혹은 가족이 없는 개인. 프로그래밍 용어 Singleton pattern: 하나의 class(클래스)가 하나의 instance(인스턴스)만 갖는 것을 보장하는 디자인. Singleton Pattern의 장점 하나의 class가 하나의 instance만 생성하도록 함으로써, 메모리 사용을 줄이고 시스템성능을 향상시킬 수 있다. instance가 하나뿐이니, 기억할 이름도 하나뿐..

썸네일 이미지 Microsoft icons created by Freepik - Flaticon 저번에 소개했던 TypeScript의 개발준비를 위한 설정을 해보자. https://batcave.tistory.com/33 TypeScript(타입스크립트)? 간단하게 알아보기 Typescript icons created by Freepik - Flaticon TypeScript(타입스크립트 이하 TS)란? 프로그래밍언어: JavaScript(자바스크립트, 이하 JS)의 super set(상위집합) JS에 새로운 요소를 추가하여 만든 언어. Type check(타입 batcave.tistory.com 0. Node.js, VScode설치하기 TypeScript(이하 TS)를 활용하는 데에 npm이 유용하게 ..