TypeScript Tutorial.3

ansunny1170·2022년 5월 27일
0

w3schools.TS Tutorial

목록 보기
3/18
post-thumbnail

TS Simple Types

TS는 여러분이 알고 있는 몇 가지 간단한 TYPE(기본값)을 지원한다.

JS와 TS에는 세 가지 주요 기본 요소가 있다.

BOOLEAN - TRUE 또는 FALSE 값
NUMBER - 정수 및 부동 소수점 값
STRING - "TypeScript Rocks"와 같은 텍스트 값

Type Assignment

변수를 생성할 때 TS가 TYPE을 할당하는 두 가지 주요 방법이 있다.

  • EXPLICIT(명시적 TYPE)
  • IMPLICIT(암시적 TYPE)

아래 두 예시에서 firstNameSTRING TYPE이다.

Explict Type

Explicit - writing out the type:

EXPLICIT TYPE ASSIGNMENT은 읽기 쉽고 의도적이다.

Implicit Type

Implicit - TypeScript will "guess" the type, based on the assigned value:

참고: TS에서 값 TYPE을 "추측"하는 것을 infer(유추)라고 한다.

암시적 할당은 TS가 값을 유추하도록 한다.

암시적 유형 할당은 더 짧고 빠르며 개발 및 테스트할 때 자주 사용된다.

Error In Type Assignment

TS는 데이터 TYPE이 일치하지 않을 때 에러를 출력할 것이다.

암시적 TYPE 할당은 firstNameSTRING으로 덜 눈에 띄게 만들뿐, 둘 다 오류를 발생시킨다.

JS는 일치하지 않는 TYPE에 대해 오류를 발생시키지 않는다.

Unable to Infer

TS는 변수의 TYPE이 무엇인지 항상 올바르게 추론하지 못할 수 있다. 이러한 경우 TYPE 검사를 비활성화하는 any으로 설정한다.

이 동작은 TS의 프로젝트 tsconfig.json에서 옵션으로 noImplicitAny를 활성화하여 비활성화할 수 있다. tsconfig.json은 TS의 일부 동작 방식을 사용자 지정하기 위한 JSON 구성 파일이다.

참고: Boolean처럼 대문자로 된 기본 TYPE을 볼 수 있다.

boolean !== Boolean
이 튜토리얼의 경우 소문자 값을 사용하는 것만 알고 대문자는 매우 특정한 상황을 위한 것임을 참고하자.

profile
공정 설비 개발/연구원에서 웹 서비스 개발자로 경력 이전하였습니다. Node.js 백엔드 기반 풀스택 개발자를 목표로 하고 있습니다.

0개의 댓글