정의할 수 있는 타입 type과 interface는 공통적으로 객체 타입을 정의하거나 클래스에 특정 메서드나 프로퍼티를 가지도록 강제할 때 사용할 수 있다. interface PersonA { name: string } type PersonB = { name: string } type은 모든 타입(원시 타입, 유니온 타입, 튜플 타입 등)을 정의할 때 사용할 수 있지만, interface는 객체 타입을 정의할 때 사용가능하다. // ⭕️ type name = string; // ❌ interface name = string; 확장 방법 (상속) interface Person { name: string } interface Player extends Person { nickname: string } typ..
제네릭이 필요한 이유 function insertAtBeginning(array: any[], value: any) { const newArray = [value, ...array]; return newArray; } const demoArray = [1, 2, 3]; const updatedArray = insertAtBeginnig(demoArray, -1); 배열과 배열 앞에 삽입할 값을 인자로 받고 새로운 배열을 반환하는 함수가 있다. 타입에 상관없이 새로운 배열을 만들기 위해 any 타입을 사용한다. 이때 매개변수 타입에 any 타입을 사용했기 때문에 updatedArray에 배열에 들어있는 것은 any 타입이라고 추론된다. 따라서 함수를 호출한 이후로 updatedArray는 타입스크립트의 지..
boolean true 혹은 false 값 let isDone: boolean = false; number JavaScript와 같이 TypeScript의 모든 숫자는 부동 소수점 값 - 2진수, 8진수, 10진수, 16진수 모두 지원 let decimal: number = 10; let hex: number = 0xf00d; let NotANumber: number = NaN; let underscoreNum: number = 1_000_000; string let str: string = "Hi"; symbol primitive 타입의 값을 담아서 사용 고유하고 수정 불가능한 값 let sym = Symbol(); let obj = { [sym]: "value" }; console.log(obj[sy..
타입스크립트란? TypsScript is a superset to JavaScript 타입스크립트란 자바스크립트에 타입을 부여한 언어이고, 자바스크립트의 확장된 언어라고 볼 수 있다. 자바스크립트는 동적 타입 언어지만, 타입스트립트는 정적 타입의 특징을 갖는다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 변환해주어야 하는데 이 변환 과정을 컴파일이라고 한다. 컴파일 중에는 자바스크립트가 타입 표기를 이해하지 못하기 때문에 타입 표기가 모두 삭제된다. 동적 타입을 정적으로 선언하여 컴파일 시점에서 타입 에러를 방지할 수 있다. 타입 유추를 통한 타입 제어가 가능하다. // javascript let a = 1; a = "string"; 자바스크립트 function sum(a, b) {..
