Languages/Typescript

Generic이란? 사용자에게 타입을 받아와서, 내부 요소의 타입을 지정하는 방식 ( 타입을 인자로 사용 ) Generic 사용하기 Generic 타입 사용 함수 // getText함수를 사용할때, getText 형식으로 타입을 받아와 해당인자의 타입을 검사한다. function getText(text: T): T { return text; } // getText 형식으로, 제네릭에게 타입을 전달한다 getText('hi'); getText(10); getText(true); Generic 타입 사용 클래스 // 제네릭 타입 클래스 생성 class MyArray { element!: T SetElement(element: T):void { this.element = element } getElement(..

// tsconfig.json { "compilerOptions": { // 옵션 형식으로 구성되어 있습니다. // "모듈 키": 모듈 값 /* 설명: 사용가능 옵션 (설명이 "~ 여부"인 경우 'true', 'false') */ /* 기본 옵션 */ // "incremental": true, /* 증분 컴파일 설정 여부 */ "target": "es5", /* 사용할 특정 ECMAScript 버전 설정: 'ES3' (기본), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', 혹은 'ESNEXT'. */ "module": "commonjs", /* 모듈 불러오는 코드 방식 설정: 'none', 'commonjs', 'amd', 'sys..

타입(type), 인터페이스란 (interface) 객체의 속성, 구조로 다른 타입과 합치거나, 확장시킬 수 있다. ( 기능은 동일하나, 서로 사용하는 방식의 차이가 존재한다. ) 타입과 인터페이스의 차이점 타입 인터페이스 지정 가능 형식 타입, 원시값, 유니온, 튜플 등 여러가지 지정 가능 타입만 지정 가능 확장 특성 폐쇠적이고, 제한 사항이 많아 확장이 까다로움 declaration merging으로 확장 가능하므로, 더 자유로움 파일 번들링 새로운 타입 생성시 번들링 컴파일 시점에 번들링 interface 확장하기 interface Animal { type: string; } interface Camel extends Animal { place: string; feed: string; } 확장된 C..

Typescript란? javascript에 타입(형식)을 부여하여, 코드가 의도대로 바르게 동작하도록 도와주는 javascript 확장 버전 Typescript의 필요성 타입을 지정해, 변수선언과 인자전달에서 발생하는 버그를 최소화한다. ES6로 작성된 코드를 ES5로 바꾸어 준다. (컴파일할때) Typescript 설치하기 (Node.js 패키지로 설치) npm install --save-dev -g typescript // --save-dev : devDependencies에 리스트 추가 // -g : 글로벌 설치 Typescript 프로젝트 만들기 ( 설정 파일 생성 ) // 글로벌 설치시 tsc --init // 로컬 설치시 ./node_modules/.bin/tsc --init 설정 파일 수정..