2024.06.25 Today Yoonsung Learned

Ryany (윤성)·2024년 6월 26일
post-thumbnail

TIL

TypeScript 문법 2주차

  • TypeScript 주요 명령어
    • 주요 명령어
      tsc —-init -> tsconfig.json이 생성되는 명령어
      tsc index.ts -> index.ts를 컴파일, .ts는 TypeScript 파일의 확장자
      tsc src/*.ts -> src 디렉토리 안에 있는 모든 TypeScript 파일을 컴파일
      tsc index.js --declaration --emitDeclarationOnly -> @types 패키지를 위한.d.ts 파일 생성을 하는 명령어, TypeScript로 작성된 모듈이 아니라 JavaScript로 작성된 모듈에 타입 선언을 제공할 때 유용하게 쓰인다

TypeScript 문법 3주차

  • 타입종류

    • boolean
      2가지의 상태(켜짐/꺼짐, 유효함/유효하지 않음)를 표현하고 싶은 경우boolean 을 사용해야 한다, 3가지 이상의 상태를 표현하고 싶은 경우 enum 이나 string 을 사용해야 한다

    • number
      number 타입은 TypeScript에서 사용하는 모든 숫자를 나타낸다
      (정수 = [short, int, long] 실수 = [float, double])

    • string
      string 타입은 텍스트 데이터를 나타낸다

    • enum
      enum 은 열거형 데이터 타입이다

    • readonly
      readonly 는 TypeScript에서 객체의 속성을 불변으로 만드는 데 사용되는 키워드

    • any
      TypeScript에서 any 타입은 모든 타입의 슈퍼 타입이다

    • unknown
      unknown 타입은 any 타입과 비슷한 역할을 하지만 더 안전한 방식으로 동작한다

    • union
      union 은 여러 타입 중 하나를 가질 수 있는 변수를 선언할 때 사용된다

TypeScript 문법 4주차

  1. 유틸리티 타입
  • object literal

    • 객체 리터럴 은 키 + 값의 쌍(pair)으로 구성된 객체를 정의하는 방식이다
    • 객체 리터럴에서는 enum 에서 대입가능했던 number, string 외에 어떤 타입의 값도 대입을 할 수 있다
  • Partial<T>

    • Partial<T> 타입은 타입 T의 모든 속성을 선택적으로 만들수있다
    • 일부 속성만 제공하는 객체를 쉽게 생성할 수 있다
  • Required<T>

    • Partial<T> 타입과는 반대로 Required<T> 타입은 타입 T의 모든 속성을 필수적으로 만든다
    • T 타입 객체에 정의된 모든 속성이 반드시 전부 제공이 되는 객체를 생성해야 할 때 쓰인다
  • Readonly<T>

    • 이름부터 역할이 유추되는 Readonly<T> 타입은 타입 T의 모든 속성을 읽기 전용(read-only)으로 만든다
    • readonly 타입의 속성들로 구성된 객체가 아니어도 완전한 불변 객체로 취급할 수 있다
  • Pick<T,K>

    • Pick<T, K> 유틸리티 타입은 타입 T에서 K 속성들만 선택하여 새로운 타입을 만든다
  • omlit<T,K>

    • omit<T, K> 유틸리티 타입은 타입 T에서 K 속성들만 제외한 새로운 타입을 만든다
    • pick<T, K> 유틸리티 타입과 반대동작
profile
Junior Developer :>

0개의 댓글