<aside> 💡 https://nomadcoders.co/typescript-for-beginners/lectures/3683

</aside>

Strongly typed 프로그래밍 언어, Unlike JS

• TS는 개발자가 실수하지 않도록 도와준다

  • JS : [1,2,3]+true
    • RETURN : 1,2,3true
  • TS : [1,2,3]+true
    • RETURN TYPE ERROR : number[{array}]에 boolean을 ‘+’ 더할 수 없음

• 작성한 TS코드가 JS로 컴파일되어 브라우저에서 실행됌

• TS의 보호장치는 유저가 코드를 실행하는 런타임에서 발생하지 않음

• TS의 보호장치는 JS로 변환(컴파일)되기 전에 실행됌

  • 왜냐하면 TS코드가 정상적으로 작성이 되어 있고 데이터 타입도 정상일때만 JS로 컴파일되기 때문

flowchart LR
  A[TypeScript]
	A-->idB{Code/ Type}
	idB --CODE or TYPE ERROR--> idE{{Reject to compile}}
	idB --CLEAR--> idC{{Compile JavaScript}}
	idC --> idD(NO RUNTIME ERROR!)

Type

Function

Classes / Interface - Objected Oriented Programming (OOP)

• Abstract : Object 모양을 추상하여 상속받는 Class가 참고할 Blueprint를 제시
  • JS로 컴파일
• Type : Type 지정, Object 형태로 지정가능
  • JS로 컴파일
• Interface : Object 형태로만 지정가능하며, Abstract 기능을 동시에 사용가능
  • JS로 Code가 컴파일되지않음 (Lightweight)