3종류의 자바스크립트
- 1) 웹 브라우저에서 동작하는 표준 자바스크립트인 ES5(ECMAScript 5)
- 2) 2015년부터 매년 새로운 버전을 발표하는 ESNext(ES6 이후 버전을 뜻한다.)
- 3) ESNext에 type 기능을 추가한 TypeScript
타입 기능이 있으면 좋은 이유
- 오류의 원인을 좀 더 쉽게 찾기 위해서다.
makeName 함수
- 아래 코드에 문제점은 무엇일까? 개발자가 작성한 코드는 makeName()에 첫번쨰 매개변수는 name으로 쓸 것 이고, 두번째 매개변수는 age로 사용하는 코드이다. 그렇기에 순서가 잘못된 간단한 에러여도 찾는데 헤맬 수 있다.
1
2
function makeName(name,age){}
makeName(32,"오윤희")
하지만 타입스크립트에 타입 기능을 쓰면 에러찾기가 쉬워진다.
1
2
function makeName(name: string, age: number){}
makeName(32,"오윤희")
아래 이미지처럼 실행하기도 전인 코드 작성시에 에러부분에 빨간줄이 생기게 된다 코드 작성자가 의도한 type이 아니기 때문이다.
타입스크립트 코드가 실행될 떄
타입스크립트 소스코드는 TSC(TypeScript compiler)라는 트랜스파일러(컴파일)를 통해 ES5 자바스크립트 코드로 변환된다
- 트랜스파일러: 프로그래밍 언어로 작성된 소스코드를 다른 언어로 된 소스코드로 바꿔주는 프로그램
마치며
혹시 잘못된 정보나 궁금하신 게 있다면 편하게 댓글 달아주세요.
지적이나 피드백은 언제나 환영입니다.