TypeScript?
JavaScript 기반의 프로그래밍 언어
JavaScript의 약점
- 동적 타입 언어로 인한 예기치 않은 버그 발생 가능성.
- Node.js의 에러로 인해 서버 다운의 잠재적 위험성.
- JavaScript의 약점으로는 실행 시간에 결정되는 변수 타입, 약한 타입 체크, 물렁물렁한 객체 등이 언급되었다.
TypeScript 등장 배경
- TypeScript는 JavaScript의 단점을 보완하기 위해 등장하였다.
- 실행 시간에 변수 타입 체크, 강력한 타입 체크, 높은 안전성 등이 제공된다.
TypeScript의 장점:
-
정적 타입 체크
컴파일 시간에 변수 타입을 확인하여 런타임 오류를 사전에 방지하고 안정성을 높임. -
객체 지향 프로그래밍 지원
다양한 접근 제어자를 활용하여 코드 구조를 유지하고 재사용성을 높임. -
개발 생산성 향상
에디터에서 실시간으로 오류 확인, 코드 자동 완성, 인텔리센스를 통해 효율적인 코딩 가능. -
외부 모듈 호환성
외부 라이브러리의 타입 정보를 제공하는 선언 파일을 통해 라이브러리 사용 시 안전성을 유지. -
커뮤니티 성장과 지속적 업데이트
활발한 커뮤니티와 지속적인 업데이트로 언어의 성장과 지원이 지속적으로 이루어짐.
TypeScript를 배우면 할 수 있는 것:
- 취업 시장에서 필수적인 기술 스택으로 인정받고 있는 TypeScript.
- 생산성 향상과 안정성을 경험하며 개발할 수 있다.
- 고급 프로그래밍 개념 학습 및 코어 개발자로 성장의 기회를 얻을 수 있다.
- 테스트 코드의 감소로 인한 비지니스 로직에 집중할 수 있는 장점이 있다.
Windows 기반 TypeScript 개발환경 구축
- Node.js 설치
nvm-windows를 사용하여 Node.js를 설치.
☞ nvm은 Node.js의 여러 버전을 관리하는 툴
//PowerShell에서
nvm install [설치할 노드 버전]로 설치.-
PowerShell에서 nvm 실행
설치 후 PowerShell에서 nvm 명령어 실행하여 정상 동작 확인. -
Node.js 버전 설정
PowerShell에서 nvm use [설치한 노드 버전] 명령으로 사용할 Node.js 버전 활성화.
nvm use 18.16.9- npm 확인
- PowerShell에서 npm -v 명령으로 npm이 정상 설치되었는지 확인.
npm -v- TypeScript 설치
명령 프롬프트를 실행하고, npm install typescript -g 명령으로 TypeScript를 글로벌하게 설치.
npm install typescript -g - tsc 명령어 실행
명령 프롬프트에서 tsc 명령어를 실행하여 TypeScript가 정상 설치되었는지 확인.
tsc컴파일러의 근본적인 역할
-
타입 검사
TypeScript 컴파일러는 소스 코드의 정적 타입 검사를 수행하여 개발자가 코드에서 타입 관련 오류를 미리 발견하고 수정할 수 있게 함. -
코드 변환
TypeScript 컴파일러(tsc)는 TypeScript → JavaScript 코드 변환을 수행하며, 컴파일러를 이해하면 변환된 코드의 실행 방식을 예측할 수 있어 디버깅에 도움이 됨.
컴파일러의 매력
-
에러 메시지 해석
컴파일러는 소스 코드에서 문제가 발견되면 정확한 에러 메시지를 출력하며, 개발자는 이를 통해 빠르게 문제를 해결할 수 있음. -
최적화
코드 최적화를 통해 전반적인 어플리케이션 실행 시간을 단축시키며, 이는 컴파일러가 자동으로 수행해주는 유익한 기능.
컴파일러란?
-
프로그래밍 언어로 작성된 소스 코드 → 다른 프로그래밍 언어로 변환하는 도구.
-
소스 코드의 구문과 구조를 검사하여 문제가 없는지 확인하며, 코드 작성 시 오류를 사전에 알려줌.
컴파일러의 등장 배경
- 컴퓨터는 기본적으로 기계어로 작성된 프로그램만 이해할 수 있음.
- 고수준 프로그래밍 언어가 등장하면서 컴파일러가 필요해짐.
tsc = TypeScript 컴파일러
- JavaScript와의 차이
1) JavaScript
동적 언어(=인터프리터 언어)로, 코드를 실행하는 엔진이 코드를 해석하고 실행함.
2) TypeScript 컴파일러(tsc)
TypeScript 코드를 JavaScript 코드로 변환하는 역할 수행.
tsc 명령어 사용
tsc —-init: tsconfig.json 생성.
tsc index.ts: index.ts 컴파일.
tsc src/*.ts: src 디렉토리 안의 모든 TypeScript 파일 컴파일.
tsc index.js --declaration --emitDeclarationOnly: @types 패키지를 위한 .d.ts 파일 생성.
