young
is this it
young
전체 방문자
오늘
어제
  • 분류 전체보기 (143)
    • 웹_프론트엔드 (1)
      • 로드맵 챌린지 (73)
      • Svelte (2)
      • React (6)
      • JavaScript (8)
      • TypeScript (2)
      • HTML+CSS (5)
    • 웹_백엔드 (0)
      • Django (0)
    • 빅데이터 (33)
      • R (30)
      • Python (2)
    • 기타 (11)
      • git (3)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • ssl
  • ggmap()
  • 웹보안
  • 인증
  • bem
  • 태스크러너
  • Regex
  • form
  • 버전관리
  • ggplot
  • 보안취약점
  • 대칭키
  • 암호화
  • owasp
  • 구글맵api
  • css네이밍
  • css후처리기
  • 공개키
  • rstudio지도정보
  • vcs

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
young

is this it

타입 검사 - TypeScript (타입스크립트)
웹_프론트엔드/로드맵 챌린지

타입 검사 - TypeScript (타입스크립트)

2022. 3. 17. 08:49
반응형

TypeScript (타입스크립트)

Microsoft에서 구현한 JavaScript의 슈퍼셋(superset) 프로그래밍 언어로, JavaScript에 타입을 부여하여 컴파일 결과물로 JavaScript 코드를 출력한다. 정적 타입을 명시하여 JavaScript에서 생길 수 있는 타입 에러들을 잡아내어 개발자가 의도한 변수나 함수 등의 목적을 명확하게 전달하기 위해 사용한다. 파일 확장자는 ".ts"다.

 

TypeScript 로고

JavaScript vs. TypeScript

// math.js
function sum(a, b) {
  return a + b;
}

// math.ts
function sum(a: number, b: number) {
  return a + b;
}

위와 같이, TypeScript는 데이터 타입을 사전에 지정하여, a와 b에 다른 타입이 들어오면 에러를 리턴한다.

 

 

TypeScript의 기본 타입 및 선언 예시

기본 타입으로 총 12가지가 있다.

  • Boolean: let isTrue: boolean = false;
  • Number: let num: number = 10;
  • String: let str: string = 'this is an exmaple';
  • Object (any와 비슷하나 컴파일 중에 속성을 검사함): let num: Object = 123; 
  • Array: let arr: number[] = [1,2,3];
  • Tuple: let arr: [string, number] = ['ts-example', 10];
  • Enum: enum Fruits {Apple, Banana, Peach}; let myFruits: Fruits = Fruits.Apple;
  • Any (모든 타입 허용): let num: any = "1234";
  • Void (undefined와 null만 할당): let unuseful: viod = undefined;
  • Null: let udf: string | null= null;
  • Undefined: let udf: string | undefined = undefined;
  • Never (함수의 끝에 절대 도달하지 않는다는 의미의 타입): function neverEnd(): never {while (true)}

 

설치

TypeScript를 사용하려면 npm이 필요하다

npm i -g typescript

 

 

공식 문서

https://www.typescriptlang.org/docs/

 

The starting point for learning TypeScript

Find TypeScript starter projects: from Angular to React or Node.js and CLIs.

www.typescriptlang.org

 

반응형

'웹_프론트엔드 > 로드맵 챌린지' 카테고리의 다른 글

PWA API - Storage  (0) 2022.03.21
PWA - Progressive Web Apps  (0) 2022.03.18
테스트 프레임워크 - Enzyme  (0) 2022.03.16
테스트 프레임워크 - Cypress  (0) 2022.03.15
테스트 프레임워크 - react-testing-library  (0) 2022.03.14
    '웹_프론트엔드/로드맵 챌린지' 카테고리의 다른 글
    • PWA API - Storage
    • PWA - Progressive Web Apps
    • 테스트 프레임워크 - Enzyme
    • 테스트 프레임워크 - Cypress
    young
    young

    티스토리툴바