[TypeScript] Ep1. 시작하기

안녕하세요. 모리스입니다.😊

이번 포스트는 제가 아주 뜨끈뜨끈한 신입일 때 JavaScript로 RN을 시작했고, 그 후 프로젝트를 TypeScript로 리펙토링을 하면서 스터디한 내용을 작성해 볼까 합니다.

Velog 저~~기 깊숙한 곳에 박혀있던걸 이번에 티스토리로 이사하면서 꺼내보네요.ㅎㅎ

 

자 그럼 시작해 보겠습니다:)

📌 TypeScript란?

TypeScript는 JavaScript를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어예요. TypeScript의 특징은 다음과 같아요:

• 컴파일 언어, 정적 타입 언어
  📍 JS는 동적 타입의 인터프리터 언어로, 오류를 런타임에서야 발견할 수 있어요. 반면 TS는 정적 타입의 컴파일 언어로, 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 JS 코드로 변환돼요. 덕분에 코드 작성 단계에서 타입을 체크해 오류를 미리 확인할 수 있고, 타입이 정해져 있어서 실행 속도가 빠르다는 장점도 있어요.
• 자바스크립트 슈퍼셋(Superset)
  📍TS는 JS의 슈퍼셋, 즉 자바스크립트의 기본 문법 위에 타입스크립트 문법이 추가된 형태예요.
• 객체 지향 프로그래밍 지원
  📍 TS는 ES6에서 도입된 문법을 포함하고 있으며, 클래스, 인터페이스, 상속, 모듈 등 객체 지향 프로그래밍을 지원해요.

📌 TypeScript를 고려한 이유

기존 JS 프로젝트를 TS로 변환하려는 이유는 다음과 같아요:

• 높은 수준의 코드 탐색과 디버깅
  📍TS는 코드에 타입을 명시함으로써, 의도하지 않은 타입의 변수나 함수 사용 시 에러를 발생시켜요. 이런 방식으로 사전에 버그를 방지할 수 있고, 자동완성과 실행 전 피드백도 제공되어 작업과 동시에 디버깅이 가능해 생산성을 높일 수 있어요.
• 자바스크립트와의 호환성
  📍 TS는 자바스크립트와 100% 호환돼요. 즉, 프론트엔드나 백엔드 어디서든 자바스크립트를 사용할 수 있는 곳이라면 타입스크립트도 사용할 수 있어요. 특히 대형 프로젝트에서 그 효과가 두드러져요.
• 강력한 생태계
  📍TS는 비교적 최근에 등장한 언어임에도 불구하고 강력한 생태계를 갖추고 있어요. 대부분의 인기 라이브러리들이 타입스크립트를 지원하며, VSCode 역시 타입스크립트로 작성됐을 정도예요.
• 점진적인 전환 가능
  📍 기존 자바스크립트 프로젝트를 한 번에 전환하는 게 부담스럽다면, 특정 기능이나 신규 기능부터 타입스크립트를 도입하면서 점진적으로 전환해 나갈 수도 있어요.

📌 단점

물론 타입스크립트도 단점이 있어요. 간단히 정리하면, 새로운 언어를 익히는 데 필요한 러닝 커브(Learning Curve), 상대적으로 낮은 가독성, 늘어나는 코드양 등이 있어요. 이런 요소들을 고려해, 프로젝트 성격에 따라 타입스크립트를 사용할지 자바스크립트를 유지할지 결정하는 것이 좋아요.

📌 출처

활용도가 높아지는 웹 프론트엔드 언어, 타입스크립트[TypeScript]

 

 

정리하면서 다시 한번 읽어보니 감회도 새롭고 좋네요!!

잘 못되었거나 수정할 부분이 있다면 언제든 댓글로 혼내주시길 바랍니다.!!

오늘도 긴 글 읽어주셔서 감사합니다.😊