[TypeScript] TypeScript 시작하기

TypeScript란??

타입스크립트는 자바스크립트에 타입을 부여한 언어입니다.
자바스크립트의 확장된 언어라고 볼 수 있습니다.
타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 컴파일이 필요하다.

TypeScript 를 왜 쓸까?

에러를 사전에 먼저 방지하고, 개발 생산성을 향상시키기 위해서 점점 많이 쓰는 추세이다.

 

에러의 사전방지

fucntion add(a,b) {
	return a + b;
}

이런 자바스크립트를 타입스크립트는 

function add(a: number, b: number){
	return a+b;
}

이렇게 타입을 지정해 준다는 것이다.

 

실제로 사용을 해보게 되면 이렇게 개발함에 있어서 가이드를 해주는 느낌이다. (에러를 방지하기 위함)

---

타입스크립트를 시작할 때 거의 필수적으로 확장해야 할 것이 있다.

 

타입스크립트의 문법을 검사해주는 친구임.

 

부가적으로는 live server, night owl을 깔아주면 좋다!

 

그리고 컴파일을 검사해보고 싶을 때

https://www.typescriptlang.org/play

TS Playground - An online editor for exploring TypeScript and JavaScript

 

여기서 타입스크립트로 작성된 애들을 자바스크립트로 변환해주고 확인가능하다.

 

왼쪽이 타입스크립트로 작성한 것이고 오른쪽이 자바스크립트로 변환된 것 

그리고 문법 버전을 바꾸고 싶다면 상단에 Ts Config에서 

 

바꿔서 자유롭게 사용가능하다. 

비슷한 사이트로는

https://babeljs.io/

Babel · The compiler for next generation JavaScript

tyr it out 으로 들어가서 preset 설정해주고 돌리면 가능!

 

타입스크립트 레츠고🐣