인터페이스 // 인터페이스 interface Person { name: string; age: number; } const person: Person = { name: "이정환", age : 27 }; 타입 별칭처럼 타입의 이름을 지어주는 문법으로 상호간에 약속된 규칙 상속, 합침 등의 특수한 기능을 제공해 객체의 구조를 정의하는 데 더 특화된 문법 interface Person { readonly name: string; age?: number; } const person: Person = { name: "summermong", // age: 27, }; person.name = 'wintermong' // 읽기 전용으로 수정 불가 선택적 프로퍼티 설정도 동일하게 사용 가능하다. 읽기 전용 키워드인 r..
함수 타입 함수를 가장 잘 설명하는 방법은 [어떤 타입의 매개변수]를 받고 [어떤 타입의 결과값]을 반환하는지 설명하는 것 // 일반 함수 function func(a: number, b: number): number { return a + b; } // 화살표 함수 const add = (a: number, b: number): number => a + b; 함수의 매개변수 타입이 지정되면 결과값은 TS가 추론한다. // 함수의 매개변수 function introduce(name = 'summermong', tall?: number) { console.log(`name: ${name}`); if (typeof tall === 'number') { console.log(`tall: ${tall + 10}..
타입스크립트는 어떤 기준으로 타입을 정의하는가? 타입 스크립트는 어떤 기준으로 타입 간의 관계를 정의하는가? 타입 스크립트는 어떤 기준으로 타입의 오류를 검사하는가? 타입 스크립트 문법만 정리된 Cheat Sheets도 있지만 원리를 이해해야 정확히 사용할 수 있다. 타입은 집합이다 동일한 속성과 특징을 갖는 여러 개의 값들을 모아둔 집합 let num: 20 = 20; 의 20은 넘버 리터럴 타입이지만 동시에 넘버 타입에 속하기도 한다. 이와 같이 타입들끼리 어떤 계층을 갖게 된다. 타입 간의 호환성은 어떤 타입을 다른 타입으로 취급해도 괜찮은지 판단하는 것 넘버 리터럴 타입의 값인 20을 넘버 타입의 값으로 취급해도 되지만, 반대는 불가능하다. (ex. 직사각형과 정사각형의 관계) let num1:..
타입스크립트의 기본 타입 타입은 부모 자식 관계를 이루며 계층을 형성하게 된다. 원시 타입과 리터럴 타입 단 하나의 값만 저장할 수 있다. :number와 같이 타입을 정하는 부분을 타입 주석(type annotation)이라고 한다. // number let num1: number = 123; let num2: number = -123; let num3: number = 0.123; let num4: number = -0.123; let num5: number = Infinity; let num6: number = -Infinity; let num7: number = NaN; // string let str1: string = 'hi'; let str2: string = 'hi'; let str3: s..
타입스크립트 실행하기 시작 npm init -> package.json 확인 npm i @types/node 로 패키지 설치 후 dependencies 확인 (TS 타입 이해하는 패키지) npm install typescript -g: TS 컴파일러도 위와 같이 node.js 패키지로 공급되고 있어서 같이 설치 tsc 로 TS 컴파일러 실행 (tsc -v로 버전 확인): tsc 경로 이 때 ts 파일에서 문제가 없다면 JS 파일이 생성된다. ts node 설치 지금은 TS 타입을 이해하고, 컴파일 하는 패키지만 설치했다. 콘솔에서 TS를 node 로 실행 시키려면 ts node를 설치해야 한다. npm install ts-node -g ts-node 경로 를 입력하면 해당 TS 파일을 VSC에서 실행시킬..
JS의 약점과 TS의 등장 모든 프로그래밍 언어에는 '타입 시스템'이 존재한다. 타입 시스템이란 값들을 어떤 기준으로 묶어 타입을 규정할 것인지, 코드의 타입을 언제 어떻게 검사할 것인지와 같이 언어의 타입과 관련된 규칙들을 모아둔 체계를 말한다. 이런 타입 시스템은 크게 정적 타입 시스템과 동적 타입 시스템 2가지로 구분된다. 정적 타입 시스템은 C, JAVA와 같이 코드 실행 이전에 모든 변수의 타입을 '고정적으로' 결정해야 한다. 따라서 동적 타입 시스템보다 엄격하며, 모든 변수에 타입을 지정해야 하다 보니 타이핑 양이 매우 증가한다는 단점이 있다. 반대 개념인 동적 타입 시스템으로는 Python, JS가 있다. 동적 타입 시스템은 코드를 실행하고 나서 유동적으로 변수의 타입을 결정할 수 있다. J..
