TypeScript
-
TypeScript 타입스크립트 기초 -2🌐 FrontEnd/TypeScript 2022. 11. 8. 20:33
시작하면서 타입스크립트의 기초를 공부합니다. 클래스 정의 클래스는 implements 를 사용합니다. 클래스는 객체와 비슷해보이지만, 상속을 할 수 있습니다. // TS interface Car{ color:string; wheels:number; start():void; } // 생성자(constructor) 까지는 control 할 수 없다 class Bmw implements Car{ // ':' 말고 implements 를 사용해야한다 color; // TS 에서 생략하게 되면 BMW 안의 color를 찾지 못한다. 변수를 꼭 만들어 주어야한다. wheels=4; // TS 에서 생략하게 되면 wheels를 찾지 못한다. BMW class 에 Wheels 변수를 만들어 주어야한다. construc..
-
TypeScript 타입스크립트 기초 -1🌐 FrontEnd/TypeScript 2022. 11. 8. 20:08
시작하면서 타입스크립트의 기초를 공부합니다. TypeScript 란? 2012년 마이크로소프트가 발표한 타입스크립트(TypeScript)는 자바스크립트(JavaScript)를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어입니다. 컴파일 언어, 정적 타입 언어 자바스크립트는 동적 타임의 인터프리터 언어로 런타임에서 오류를 발견할 수 있습니다. 이에 반해 타입스크립트는 정적 타입의 컴파일 언어이며 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 자바스크립트 코드로 변환됩니다. 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리 타입을 결정하기 때문에 실행 속도가 매우 빠르다는 장점이 있습니다. 하지만 코드 작성 시 매번 타입을 결정해야 하기 때문에 번거롭고 코드량이 증가하며 컴파일 시간이 ..
-
TypeScript 타입스크립트 설치 및 사용 (VScode 에서)🌐 FrontEnd/TypeScript 2022. 11. 8. 18:21
시작하면서 타입스크립트 설치 포스팅 입니다. 타입스크립트를 설치하기 위해선 2가지가 먼저 선행되어야 합니다. VScode node.js 이 글은 위 두가지의 설치 및 세팅이 끝났다는 가정 하에 작성되었습니다. TypeScript 타입스크립트 설치 1. VScode 터미널 창에 다음과 같이 입력해줍니다. npm install -g typescript 2. TypeScript 파일을 하나 만들어줍니다. (ex.ts) 3. 터미널 창에 다음과 같이 입력하여 동일한 경로에 tsconfig.json 파일을 생성해줍니다. tsc --init 4. 터미널에 다음 둘 중의 하나를 작성하여 ts 코드를 js로 변경해줍니다. tsc ex.ts -> (ts파일 수정시 마다 다시 입력하여 컴파일 해야한다) tsc -w -> ..