01. 타입스크립트 소개와 배경

타입스크립트란?

자바스크립트에 Type을 부여한 확장 언어

타입스크립트는 자바스크립트와 달리 브라우저 실행을 위해 compile 과정이 필요함.

왜 쓰나요?

에러의 사전 방지

• 의미없는 값을 읽었을 때 에러가 발생할 수 있음.

• 코드 상에서 데이터의 형태를 알 수 없는 경우, 브라우저에 가야만 확인이 가능함.

  • jsDocs를 이용하여 js에서 ts 같은 효과 사용해보기

    /** 하고 엔터

  • 타입 지정
    

  • 콜백에서 응답 값에 객체 내부 데이터 형태가 등장함
    

    브라우저까지 갈 필요 없이, 에디터 상에서 에러를 확인할 수 있다.

코드 자동 완성과 가이드

• 함수의 파라미터나 리턴형(암시적으로 해주지만 명시적으로 가능)을 지정할 수 있음.
  

  형(type)이 맞추어졌기 때문에 에디터상에서 맞는 api를 자동완성할 수 있게됨

자바스크립트에서 타입스크립트 처럼

• jsDocs 활용하여 sum 함수 만들어보기
  
  js에서도 형 지정할 수 있음.
  그러나 타입으로 인한 에러 가 나타나지 않음.
  이럴 땐 @ts-check 저장하면, 나름대로 타입스크립트처럼 활용 가능.
  

  그냥 타입스크립트로 작성하는게 편하다😅

예제코드

01 - 예제코드