Typescript 타입스크립트

• 자바스크립트(JavaScript)를 기반으로 한 타입 문법이며, 자바스크립트의 슈퍼셋 즉 자바스크립트에 타입을 추가한 상위 언어이다.
• 타입에서 오는 에러를 잡아주는 언어이며 선언시 타입이 string인지 number인지 추론하여 선언한다.
• 타입스크립트 파일 생성시 .ts로 생성이 가능하고, JSX(JavaScript XML)기반의 파일일 경우타입스크립트 속성으로 적용 시 .tsx로 생성이 가능하다.

여기서의 XML(extensible markup language)은 HTML을 개선한 확장성 마크업언어로 사용자가 태그를 지정할 수 있어 태그 확장이 가능하다.

---

자바스크립트(JavaScript)

let aaa = "안녕하세요"
aaa = 123

• 자바스크립트에서는 let으로 선언 후 "안녕하세요"의 값을 할당 후 123으로 재할당이 가능하다.

---

타입스크립트(TypeScript)

let aaa:string = "안녕하세요" (string)
aaa = 123

• 타입스크립트에서는 String으로 선언했기 때문에 숫자로 재할당 불가

---

• 타입을 string으로 선언 하였을때 number로 재할당 불가능하며 number로 선언하였을 때 string으로 재할당 불가능하다.(에러 발생)

문자타입

let bbb: string;
bbb = "반갑습니다"
bbb = 123 (error)

숫자타입

let ccc = 5 또는 let ccc:number = 5
ccc = "asdf" (error)

불린타입

let ddd: boolean
ddd = true
ddd = 123 (error)
ddd = "wsaf" (error)

• interface로 타입을 선언한 후 const로 선언하여 사용 가능하다