Other articles

1. [typescript] ArrayLike

   어떤 길이를 가지는 배열과 비슷한 형태의 튜플을 사용하고 싶다면 타입스크립트에 있는 ArrayLike 타입을 사용한다. ArrayLike를 사용하더라 …

   read more

2. [typescript] Command - tsc

   tsc

   • tsc ts파일명
   • ts -> js 컴파일

   tsc app01.ts
   
   function hello(name: string) {
       console.log(`hello ${name}!`);
   }
   hello('woogie');
   
   ▼ 컴파일
   
   function hello(name) {
       console.log("hello " + name + "!");
   }
   hello('woogie');
   

   tsc --init

   • tsconfig.json 파일 생성
   • 설정파일

   tsc -w

   • tsc -w ts파일명 …

   read more

3. [typescript] compiler

   타입스크립트 컴파일러의 역할

   • 최신 타입스크립트/자바스크립트를 브라우저에서 동작할 수 있도록 구버전의 자바스크립 …

   read more

4. [typescript] config

   Docs

   • TypeScript: TSConfig Reference - Docs on every TSConfig option

   상황별 추천 설정

   타입스크립트 프로젝트로 전환 시 - 완료 후에 변경 권장

   • noImplicitAny: false
   • strictNullChecks: false

   noImplicitAny

   Recommended: true Default: true if strict

   • true …

   read more

5. [typescript] Enum & Literal

   Enum

   • 사용법은 자바와 동일

   // Enum 변수에 따로 값을 지정해 주지 않으면 0부터 값이 주어짐
   enum Grade {
       A,  // -> 값: 0
       B = 'B', 
       C = 'C'
   }  
   
   interface Student {
       readonly name: string,
       age: number,
       address?: string …

   read more

6. [typescript] 에러 분석

   Element implicitly has an 'any' type because expression of type 'string' can't be used to index

   참고 TypeScript에서 string key로 객체에 접근하기

   TypeScript는 기본적으로 객체의 프로퍼티를 읽을 때, string타입의 key 사용을 …

   read more

7. [typescript] Interface

   생성&사용

   • js로 컴파일하면 사라짐
   • 작성 중인 코드에 대한 더 많은 정보를 타입스크립트에 제공하기 위한 용도
   • 인터페이스의 변 …

   read more

8. [typescript] 조건부 타입

   function double<T extends number | string>(
     x: T
   ): T extends string ? string : number;
   function double(x: any) { return x + x; }
   const num = double(12);  // number
   const str = double('x');  // string
   
   // function f(x: string | number): string | number
   function f(x: number|string) {
     return double(x);
   }
   

   read more

9. [typescript] Static Typing

   타입추론(Type Inference)

   • 타입을 명시하지 않았을 시 할당된 값을 보고 타입을 추론하여 지정함

   let num01 = 10;
   num01 = '10'; 
   //오류발생
   Type 'string' is not assignable to type …

   read more