새로 시작하는 타입스크립트 - 1

 

이제 슬슬 타입스크립트를 시작해야 할 때가 왔다!

요즘 어딜 가나 프론트엔드 개발자들은 타입스크립트를 사용할 수 있어야 한다고 했다!

그래서 엄청 빠른 속도는 아니지만 천천히 타입스크립트도 공부해볼까 한다.

 

현재의 목표는 프로젝트에서 조금이나마 타입스크립트를 사용해보는 것이다!

 

 

1. 왜 타입스크립트를 배우는가? :

 

	장점	단점
Typescript	1. Microsoft에서 만들었고 꾸준히 업데이트한다 2. 생태계가 크다 3. Microsoft에서 개발한 vscode와 잘 맞는다 4. 여러분이 사용하는 대부분의 lib에서 타입 정의 파일을 제공한다 5. 유지보수가 JS보다 유리하다	1. Javascript에 비해 어렵다
Javascript	1. 다른 언어에 비해 쉽다 2. 적은 양의 코딩을 할 때 쉽고 빠르게 가능	1. 런타임 시 오류가 검출 2. 프로젝트 사이즈가 커지면 유지보수가 어렵다

 

- 타입스크립트 사용을 고려해야 하는 이유 :

 

1. 높은 수준의 코드 탐색과 디버깅

• 타입스크립트는 코드에 목적을 명시하고 목적에 맞지 않는 타입의 변수나 함수들에서 에러를 발생시켜 버그를 사전에 제거함. 또한 코드 자동완성이나 실행 전 피드백을 제공하여 작업과 동시에 디버깅이 가능해 생산성을 높일 수 있음. 실제로 한 연구에 따르면 모든 자바스크립트 버그의 15%가 사전에 타입스크립트로 감지할 수 있다고 함.

2. 자바스크립트 호환

• 타입스크립트는 자바스크립트와 100% 호환됨. 따라서 프론트엔드 또는 백엔드 어디든 자바스크립트를 사용할 수 있는 곳이라면 타입스크립트도 쓸 수 있음. 타입스크립트는 앱과 웹을 구현하는 자바스크립트와 동일한 용도로 사용 가능하며 서버 단에서 개발이 이루어지는 복잡한 대형 프로젝트에서도 빛을 발함.

3. 강력한 생태계

• 타입스크립트는 그리 오래되지 않은 언어임에도 불구하고 강력한 생태계를 가지고 있음. 대부분의 라이브러리들이 타입스크립트를 지원하며 마이크로소프트의 비주얼 스튜디오 코드(VSCode)를 비롯해 각종 에디터가 타입스크립트 관련 기능과 플러그인을 지원함.

4. 점진적 전환 가능

• 기존의 자바스크립트 프로젝트를 타입스크립트로 전환하는데 부담이 있다면 추가 기능이나 특정 기능에만 타입스크립트를 도입함으로써 프로젝트를 점진적으로 전환할 수 있음. 자바스크립트에 주석을 추가하는 것에서부터 시작해 시간이 지남에 따라 코드베이스가 완전이 바뀌도록 준비 기간을 가질 수 있음.

 

자바스크립트(동적언어)는 실행되는 시점, 즉 런타임에 타입이 결정되고 오류가 그때 발견되게 됨.

에러가 발생시 사용자들도 에러를 볼 수 있게 된다는 얘기임.

 

그에 비해 타입스크립트(정적언어)는 컴파일타임에 타입이 결정되고 오류가 그때 발견되게 됨.

코드 작성 시간은 길어지겠지만, 안정적이고 빠르게 작업을 진행할 수 있다는 장점이 있음.

 

Typescript를 공부할 때 앞으로 Typescript playground를 이용할 거임.

별도의 설치 없이 브라우저에서 Typescript를 사용할 수 있음.

=> https://www.typescriptlang.org/play

 

이게 아니라면 직접 타입스크립트 세팅을 하고 사용해도 됨.