24.03.05 TIL - Typescript

1.TypeScript의 특징

JS는 동적 타입 언어라서 변수의 타입이 실행 시간에 결정된다. 이에 따라 개발자의 실수로 인한 오류가 발생하기 쉽고 찾기도 까다로우며, 실행시간에 변수의 값과 타입을 모두 확인해야지 잡아낼 수 있다. 

 

이러한 단점을 보완하기 위한 슈퍼셋인 TS는 컴파일 시간에 변수타입을 체크하고 코드를 입력하는 순간 에러메시지가 발생하여 정의되지 않은 프로퍼티를 연산하여 NaN이 되는 현상을 미연에 방지할 수 있다. 안전성을 바탕으로 테스트 코드가 줄어들어 비즈니스 로직에 집중할 수 있으니 생산성이 향상되고, 정적 타입 시스템, 객체 지향 프로그래밍 등 고급 프로그래밍 개념들을 학습할 수 있다.

 

• 객체 지향 프로그래밍을 할 때 메리트
  • 객체 지향 프로그래밍 언어(C++, Java, C#)에서는 다양한 접근 제어자를 통해서 클래스를 구성하는 프로퍼티의 캡슐화를 보장하고 함수의 호출 범의를 조정할 수 있다.
  • 이 때 클래스를 설계하고 만든 사람의 의도에 따라 사용되어야 하는데 마음대로 변경이 가능할 수 있는 코드가 있다면, 이것을 TS가 잡아줄 수 있다.
• 외부 모듈의 타입 정보 제공
  • TS는 d.ts라는 확장자를 가진 선언 파일을 통해서 외부 모듈 타입 정보를 제공할 수 있다.
  • 이렇게 선언파일을 설치하면 JS라이브러리도 TS에서 안전하게 사용할 수 있다.

 

2. 개발환경 구축

node.js LTS 버전을 설치해야 하는데, 이번 기회에 nvm으로 설치하는 방법을 정리해봤다.

 

1.https://github.com/coreybutler/nvm-windows/releases 페이지로 접속하면 nvm-windows 인스톨러 다운로드 페이지로 이동한다.

 

2. 여기서 스크롤을 내려서 Assets라는 섹션에서 nvm-setup.exe를 다운로드 받아준다.

 

3. 설치가 완료되었다면 PowerShell에서 nvm install [설치할 노드 버전] 명령을 실행하여 Node.js를 설치한다.

 

4. 설치된 다음 nvm use [설치할 노드 버전] 명령을 실행하여 Node.js를 활성화한다.

 

5. npm -v로 버전을 확인하고, 창을 닫은 후 명령프롬프트 cmd를 켜서 npm install typescript -g를 실행하여 TS를 글로벌하게 설치한다.

 

6. 설치된 후 tsc 명령어를 실행하면 설치되었는지 확인이 가능하다.