hyun
  • 홈
  • 글쓰기
  • 태그
  • 방명록
  • 메뉴 닫기
  • 글작성
  • 방명록
  • 환경설정
    • 분류 전체보기 (102)
      • 1. Computer Science (11)
      • 2. FrontEnd (50)
        • Javascript (10)
        • TypeScript (6)
        • CSS (3)
        • React (17)
        • Next.js (1)
        • Three.js (3)
        • State Management (4)
        • TDD (2)
        • Ag-Grid (1)
        • LeetCode (1)
      • 3. Backend (9)
        • NestJS (9)
      • 4. Git (4)
      • 5. Blockchain (9)
        • Mastering Ethereum (5)
      • 6. Error (16)
      • 7. Infra | Cloud (2)
        • Docker (2)
        • Kubernetes (0)
        • AWS (0)
      • 8. 자격증 (0)
        • CompTIA A+ (220-1101, 220-1102.. (0)
      • Daily (1)
        • 후기 (1)
        • 맛집 (0)
  • 홈
  • 태그
  • 방명록
2. FrontEnd/TypeScript

[TS] Union Type, Literal Type, Type Aliases

✅ Union Type 자바스크입트의 OR연산자(||)와 같은 의미의 타입 변수값이 숫자타입 혹은 문자열 등 여러타입을 가지는 경우 주로 사용 (BackEnd에서 매핑 데이터가 문자열 | 브라우저 입력값이 문자열인 경우, 변수 age는 string 타입 가능하게 해야함.) `|`연산자를 이용하여 타입을 여러개 연결하는 방식을 Union 타입 정의방식이다. 함수내에서 수행하는 작업과 관련하여 보다 유연하게 활용하는 방법 코드에 하드코딩할 수 있는 정확한 값만 허용하는 것이 아닌 두개이상의 가능한 값을 가지려는 경우 사용 Union타입 대신 any타입을 대체가능하지만, 타입을 추론할 수 없는 경우에 사용되므로 타입스크립트의 강점이 없어진다 (any를 사용하는 경우 마치 JS로 작성하는것처럼 동작하고, Uni..

2022. 8. 31. 17:18
  • «
  • 1
  • »

공지사항

  • 이메일 = fltxld1@gmail.com / GitHub = https⋯

전체 카테고리

  • 분류 전체보기 (102)
    • 1. Computer Science (11)
    • 2. FrontEnd (50)
      • Javascript (10)
      • TypeScript (6)
      • CSS (3)
      • React (17)
      • Next.js (1)
      • Three.js (3)
      • State Management (4)
      • TDD (2)
      • Ag-Grid (1)
      • LeetCode (1)
    • 3. Backend (9)
      • NestJS (9)
    • 4. Git (4)
    • 5. Blockchain (9)
      • Mastering Ethereum (5)
    • 6. Error (16)
    • 7. Infra | Cloud (2)
      • Docker (2)
      • Kubernetes (0)
      • AWS (0)
    • 8. 자격증 (0)
      • CompTIA A+ (220-1101, 220-1102.. (0)
    • Daily (1)
      • 후기 (1)
      • 맛집 (0)
애드센스 광고 영역
  • 최근 글
  • 최근 댓글

최근 글

최근댓글

태그

  • #반응형
  • #이더리움
  • #getdocument
  • #next
  • #14버전
  • #typescript
  • #Docker
  • #Next12
  • #Nestjs
  • #useEffect
  • #test
  • #레포팅솔루션
  • #폴더구조
  • #CSS
  • #js
  • #LocalStorage
  • #AppRoutes
  • #AppModule
  • #Next14
  • #gridoptions
  • #pdf다운로드 기능
  • #activereportsjs
  • #코드팩토리
  • #i18n
  • #react
  • #cookie
  • #다국어처리
  • #sessionStorage
  • #javascript
  • #TDD
MORE

전체 방문자

오늘
어제
전체

블로그 인기글

Powered by Privatenote Copyright © hyun All rights reserved. TistoryWhaleSkin3.4

티스토리툴바