기초부터 시작하는 타입스크립트 강의

타입스크립트란? - 타입스크립트를 사용하지 않는 유저들의 걱정

1. 러닝커브가 크지 않나요?

타입스크립트는 타입을 하나하나 적용해줄 수 있습니다. 아래 코드처럼 특정 함수에서는 타입을 지정하고, 특정 함수에선 타입을 지정하지 않아도 괜찮습니다. 에디터에서도 타입이 지정된 부분에 대해서만 에러가 발생하게 되는데 직접 적용한다면 예시 코드처럼 됩니다.
--예시코드--
에러는 타입이 지정된 코드와 연관된 부분에서만 발생하는 것을 볼 수 있습니다. 그렇기 때문에 기본적인 부분부터 학습하며 프로젝트에 적용할 수 있습니다. 그날그날 배운 내용을 원하는 부분에 선택적으로 적용할 수 있는데 러닝커브가 무작정 크다고 하긴 어렵지 않을까요? 예제코드처럼 특정 함수에는 타입 지정을, 특정 함수에는 타입을 지정하지 않는 방식으로 개발을 진행하면 됩니다.

2. 자바처럼 타입 체크를 하게되면 run-time 언어인 자바스크립트의 장점이 없어지지 않나요?

타입스크립트를 사용한다는 것이 `동적 타입 언어`로써의 특징을 버린다는 것은 아닙니다. `동적 타입 언어`와 `정적 타입 언어`의 장점을 모두 가져가겠다는 의미입니다. 자바에서는 타입을 지정하지 않는다면 에디터에서 에러가 발생했겠지만, 타입스크립트에서는 tsconfig를 수정하여 특정 옵션을 바꿔준다면 에디터에서 문제가 발생하지 않습니다. 선택적이라는 것이죠.
--예시코드--
앞에서 봤던 예시코드를 다시 보겠습니다. 에디터에서 에러가 발생한다고 알려주고 있지만, run을 하게되면 타입스크립트가 자바스크립트로 빌드를 하는데, build가 된 이후에는 자바스크립트 코드가 되므로 에러가 발생하지 않습니다.

3. 업데이트는 잘 되고 있나요?

4. 자바스크립트로 이미 다 만들어 왔는데, 타입스크립트를 어떻게 적용하나요?

위에 말씀드렸듯이 typescript를 적용한다고 모든 부분에 타입스크립트를 한꺼번에 적용해야 하는건 아닙니다. 에러가 발생한다면 tsconfig를 통해 에러를 해결할 수 있으며, 순차적으로 타입을 넣어주면 됩니다. 장점중 하나인 동료와의 협업 시 안정성, 생산성 증가를 위해선 프로젝트에 typescript를 직접 적용해 줘야합니다. 하지만 라이브러리를 만든다면 어떨까요? 타입스크립트 프로젝트에서 라이브러리 코드에 접근하려 하는데 라이브러리가 자바스크립트라면 타입을 알 수 없기 때문에 문제가 됩니다.
프로젝트에서 해당 라이브러리의 타입만 추론할 수 있도록 도와주는 파일이 declaration 파일입니다. 그림처럼 인터페이스와 같은 역할을 하게 되는 것이죠. **타입스크립트 적용 (.ts) or declaration 파일 (\*.d.ts) 생성** declaration 파일은 타입스크립트를 적용시키지 않은 코드의 타입을 추론할 수 있게 도와주는 방법입니다. 아래 그림에서의 interface 역할을 합니다.

5. 다른 타입 체킹 도구는 없나요?

JSDoc
Flow

끝

감사합니다.