TypeScript의 리터럴 타입은 string, number 두 가지가 있다. 이를 사용하면 문자열이나 숫자에 정확한 값을 지정할 수 있다고 한다. ✔️ 문자열 리터럴 타입 (String Literal Types) 아래 코드에서 Food에서 허용한 3개의 문자열 외에 다른 문자열을 사용하게 되면 에러가 발생한다. type Food = "rice" | "noodle" | "meat"; const myFood1: Food = "rice"; const myFood2: Food = "aaa"; // Error: Type 'aaa' is not assignable to type 'Food'. ✔️ 숫자형 리터럴 타입 (Numeric Literal Types) 숫자형도 마찬가지로 허용한 숫자 외에 다른 숫자를 사..
Web/TypeScript
TypeScript에서 함수는 아래 코드처럼 사용하면 된다. 매개변수를 적고 매개변수의 타입과 반환값이 있다면 반환값의 타입을 적고 없으면 void function add(n1: number, n2: number): number { return n1 + n2; } function sayHello(name: string): void { console.log(`Hello ${name}!`); } 인터페이스처럼 함수의 파라미터도 옵셔널로 만들 수 있다. 옵셔널 파라미터라고 한다. function greeting(name?: string): void { console.log(`Hello ${name || "world"}!`); } 파라미터가 여러개 있을 때도 마찬가지이다. 옵셔널 파라미터를 두 번째 자리부터 넣..
인터페이스(Interface)는 타입 체크를 위해 변수, 함수, 클래스에 사용할 수 있다. ES6에서는 지원하지 않고 TypeScript에서는 지원한다. ✔️ 인터페이스 interface User { name: string; age: number; } let user: User = { name: "Kim", age: 20, }; ✔️ 함수에서 인터페이스 사용하기 interface Add { (n1: number, n2: number): number; } const addFunction: Add = function (a, b) { return a + b; }; console.log(addFunction(1, 2)); // 3 ✔️ 클래스와 인터페이스 interface Car { name: string; c..
타입스크립트에서 ':'을 이용해 타입을 정의하는 방식을 타입 표기(Type Annotation)이라고 한다. ✔️ String let name: string = "Kim"; ✔️ Number let age: number = 20; ✔️ Boolean let isAdult: boolean = true; ✔️ Array string let month: string[] = ["January", "February", "March"]; let month: Array = ["January", "February", "March"]; number let nums: number[] = [1, 2, 3]; let nums: Array = [1, 2, 3]; ✔️ Tuple 배열과 모양이 비슷하다. 길이가 고정되어 있고 인..
설치한 라이브러리들은 다음과 같다 express typescript @types/express: Express 모듈에 대한 type을 지원 @types/node: Node.js 타입을 추가 nodemon 먼저 간단한 예시 코드를 만들었다. // app.ts import express from "express"; const app = express(); app.listen(4000, () => { console.log("✅ Server listening on 4000"); }); 에러처리를 위한 미들웨어를 만드는데 JavaScript로 했을 때와 좀 다른게 매개변수의 타입을 다 적어줘야했다. express.Request, express.Response, express.NextFunction을 넣어줘도 되고..
✔️ TypeScript 설치 타입스크립트를 사용하기 위해서는 먼저 typescript를 설치해야한다. npm i typescript 혹은 npm install typescript ✔️ TypeScript로 코드 작성 먼저 간단한 코드를 작성했다. 파일은 .ts로 만들었다. // app.ts console.log("Hello TypeScript"); 'node app.ts'를 하면 실행이 된다. 위에 코드는 실행이 된다. 하지만 node가 TypeScript를 실행시킨 것이 아니라 JavaScript로 인식하고 실행을 시킨 것이다. 다음 코드도 실행해보자 let age: number; age = 30; console.log(age); // SyntaxError: Unexpected token ':' 위에..
