TypeScript Annotation 이해하기
본격적인 타입스크립트 기초 문법 실습에 앞서 Type Annotation 개념에 대해 설명드리겠습니다.
1)Type Annotation 이해하기
Annotation은 주석이라고 해석되며 사전적 의미는 어려운 낱말이나 문장을 쉽게 풀이한것을 뜻하지만
타입스크립트에서의 Type Annotation은 변수,함수,객체 속성의 데이터 타입을 지정하는 행위를 말합니다.
A)Type Annotation 기초 사용법
-변수명, 함수명, 객체 속성명 뒤에 : type 을 써서 데이터 타입을 지정하는 것을 Type Annotation 이라고합니다.
예시)
let age:number;
-type 형태는 자바스크립트의 원시타입primitive type(number, string, boolean)이나 객체,클래스,인터페이스,개발자 정의 타입,함수등을 대표적으로 사용가능합니다.
-Type annotation을 사용하여 type 검사를 수행하여 잠재적 에러를 확인할수 있습니다.
-Type Annotation 지정은 필수사항은 아니지만 아래와 같은 장점을 제공하기 때문에 그 사용을 권장합니다.
B)Type Annotation사용 시 장점
-타입스크립트 컴파일러가 type을 확인하여 빌드타임 타입체크 및 에러 확인기능 제공
-data type을 처리시 사전 오류 방지에 도움
-팀 협업을 할 때 동일 타입을 공유할수 있어 코딩컨벤션(코딩규칙) 제공 편리한 팀협업 제공
-타입을 공통 모듈로 관리 유지보수 편리
C)TypeScript 유형별 Type 학습하기
-원시 데이터 타입: string,number,boolean,null,undefined,symbol
-참조 타입: 배열(Array []),튜플 (tuple),객체(object),함수(Function),클래스(Class)
-기타 타입: Void,Never,Any,Type Assertion(어써선 as),Union(타입결합):TypeAlias(개발자타입정의),Literal,열거형(enum):
D)Type별 기초 설명 및 사용법 링크)
https://typescript-kr.github.io/pages/basic-types.html
** 중요: 타입스크립트 기본 타입 유형별 실습/코딩이 필요하신분들은 위에 기초 타입 유형별 링크를 참고해 아래 TS Playground 웹사이트에서 직접 실습을 진행해보시기 바랍니다.
Tip) 온라인에서 타입스크립트 코딩 연습하기
- 온라인상에서 웹브라우저기반 타입스크립트 코딩연습을 위한 TS Playground 문법 연습 REPL툴 사이트를 아래와 같이 제공합니다.
https://www.typescriptlang.org/play
-REPL(Read-Eval-Print Loop) 툴이란 사용자가 입력한 코드를 읽어서(Read) 평가(Eval)하고 그 결과를 출력(Print)한 후 다시 입력을 기다리는(Loop) 동작을 반복하는 프로그래밍 환경
-REPL은 즉시 코드를 실행하고 결과를 확인할 수 있어, 새로운 언어를 배우거나 코드 스니펫을 테스트하는 데 유용합니다.
-Python, Node.js, Ruby 등 많은 언어가 REPL 환경을 제공하며, 웹 기반 REPL 환경도 많이 제공됩니다.