home
자바
home
🍇

타입스크립트 소개와 배경

강의명
타입스크립트 입문 - 기초부터 실전까지
강의순서
1
과목
⚾타입스크립트
수강상태
완료

타입스크립트란?

자바스크립트에 타입을 부여한 언어
자바스크립트의 확장된 언어
자바스크립트와 다르게 브라우저에서 실행하기 위해 파일을 한번 변환해주어야함 (컴파일)

왜 타입스크립트를 쓰면 좋은가?

에러의 사전 방지
코드 가이드 및 자동 완성(개발 생산성 향상)

자바스크립트에 타입이 있을 때의 장점

Jsdoc 문법에 따라 주석을 작성하면 해당 객체의 어떤 프로퍼티가 들어있는지 코드상에서(편집기 상에서) 확인할 수 있다.
프로퍼티명을 작성할 때 오타가 났을 경우 실행시키기 전에 편집기 상에서 오타가 났는지 확인할 수 있다.

자바스크립트를 타입스크립트처럼 코딩하는 방법

Jsdoc과 @ts-check를 이용한다
// @ts-check // ㄴ> 마치 타입스크립트를 쓴것과 같은 효과를 준다 (타입 오류를 검증해서 알려준다) /** * * @param {number} a 첫번째 숫자 * @param {number} b 두번째 숫자 */ function sum(a, b) { return a + b; } sum(10, '20'); //ts파일이 아닌 js파일일 경우 타입오류를 알아채지 못한다.
JavaScript
복사