본문 바로가기

coding

JavaScript만 사용하는 것과 비교해 TypeScript를 사용하는 이유, TypeScript의 동작 원리

JavaScript만 사용하는 것과 비교해 TypeScript를 사용하는 이유

  1. 정적 타입 검사: TypeScript는 정적 타입 시스템을 도입하여 코드 작성 시점에 타입 오류를 잡아준다. 이렇게 하면 런타임 오류를 줄이고 코드의 안정성을 높일 수 있다.
  2. 개발자 경험 향상:
    • 코드 자동 완성: TypeScript 덕분에 IDE(통합 개발 환경)에서 코드 자동 완성이 더 정확하게 작동한다.
    • 리팩토링 지원: 타입 정보 덕분에 코드를 더 안전하게 리팩토링할 수 있다.
  3. 더 나은 문서화: TypeScript의 타입 주석은 코드 자체를 문서화하는 역할을 한다. 이는 팀 내 협업 시 코드의 이해도를 높이고 유지보수를 용이하게 한다.
  4. 타입 추론: TypeScript는 코드의 타입을 자동으로 추론하여 명시적인 타입 선언 없이도 안전하게 코딩할 수 있게 해준다.
  5. 대규모 프로젝트 관리: TypeScript는 대규모 코드베이스에서의 복잡성을 관리하는 데 도움을 준다. 강력한 타입 시스템과 모듈화를 통해 코드의 구조를 더 명확하게 정의할 수 있다.

TypeScript의 동작 원리

TypeScript는 JavaScript의 상위 집합으로, JavaScript 코드를 기반으로 추가적인 타입 시스템을 제공한다.

  1. 타입 주석 추가: 개발자는 변수, 함수, 클래스 등에 타입 주석을 추가한다. 
  2. 컴파일 단계: TypeScript 컴파일러(tsc)는 TypeScript 코드를 JavaScript로 변환한다. 이 과정에서 타입 검사가 이루어지며, 타입 오류가 발견되면 컴파일러가 오류 메시지를 출력한다. 타입 검사가 완료되면 TypeScript 코드는 순수 JavaScript 코드로 변환된다.

'coding' 카테고리의 다른 글

CSS-in-JS의 장점과 단점, Presentational & Container 디자인 패턴  (0) 2024.07.13
리액트 생명주기(life cycle), CSR, SSR, SSG  (0) 2024.07.06
Virtual DOM, key  (0) 2024.06.29
자바스크립트 this  (0) 2024.06.15
CSS - Cascading  (0) 2024.05.25