feedback timing

TypeScript 오류 발견 시점

JavaScript는 실행해 보며 문제를 확인하는 비중이 크고, TypeScript는 실행 전에 타입 계약을 검사해 협업 중 변경 위험을 줄입니다.

JavaScript

실행 후에 드러나는 문제

TS 오류 예제 작성

값의 형태가 바뀌어도 코드 작성 단계에서는 막히지 않는다.

실행

특정 입력이나 경로에서야 타입 관련 문제가 드러날 수 있다.

디버깅

문제가 발생한 시점에서 호출 흐름과 데이터를 역추적한다.

TypeScript

실행 전 계약 검사

TS 오류 예제 작성

함수 인자, 반환값, 객체 구조가 코드에 계약처럼 남는다.

검사

타입 오류는 빌드나 에디터 단계에서 먼저 표시된다.

변환

최종 실행 코드는 타입 표기가 제거된 JavaScript가 된다.

자동완성 값의 형태를 알고 있어 더 정확한 제안을 제공한다.
탐색 함수와 타입 정의로 이동해 의도를 빠르게 확인한다.
리팩터링 이름과 구조 변경이 영향을 주는 곳을 넓게 잡아낸다.
협업 타입이 API 사용법을 문서처럼 남겨 소통 비용을 줄인다.
시작점

전체 전환보다 경계가 명확한 함수와 모듈부터 타입을 붙이면 학습 부담은 낮추고 오류 조기 발견 효과는 빨리 얻습니다.