정말 늦고 늦은 “타입스크립트” 입문하던 시절 정리한 내용의 정리의 정리…!!
타입스크립트 개요!
그래서 왜 쓰는데요
- TypeScript는 JavaScript에서 종종 발생하는 타입 관련 오류를 사전에 방지합니다!!!
예시
function add(num1, num2) {
return num1 + num2;
}
console.log(add(1, 2)); // 자스는 입력이 언제나 문자열임.
// 12 출력
이렇게 12 나오는 이상한 일, JS에서 자주 봤잖아요?
추가적으로 해당 타입의 속성에 따라서 어… 자동완성? 속성? 비스무리한것도 미리미리 파악해서 오류를 뱉어줍니다.
위 코드를 타입스크립트로 쓴다면 다음과 같다고 볼 수 있습니다.
function add(num1: number, num2: number): number {
return num1 + num2;
}
console.log(add(1, 2)); // 올바른 동작, 3 출력
간단히 요약하면 다음과 같습니다.
- 타입을 작성한다. -> 타입을 통해 원하지 않는 기능 / 로직을 막는다.
- IDE에서 자동 완성과 내장 에러를 미리 알려준다.
- 컴파일 된 후 사용되므로((바벨처럼)) 자바스크립트를 사용하는 브라우저에서 쉽게 사용 가능하다.
- js에는 없는 인터페이스, 제너릭 有
- 데코레이터 등 지원한다.
- 다양한 설정 옵션들
- ts가 아닌 곳에서도 잘 지원한다.
타입스크립트 기본 설정
단순 파일 생성 후 컴파일 or 테스트 설명입니다.
일반 환경에서 실행 안됨!
만약 타입스크립트를 처음 사용한다면 설치가 필요합니다.
TypeScript 설치 :
node가 필요합니다.
npm install -g typescript 로 설치.
- 전역 설치입니닷. 타입스크립트 컴파일러입니다.
설치 후 ts 컴파일 해보기 : tsc 파일이름.ts
이렇게 컴파일한다면, js 파일의 컴파일 된 자바스크립트 코드로 변환됩니다
다음 게시글에서는 타입스크립트의 주요 타입과 타입 추론 및 객체에 대해 다룹니다!
오늘은 간단한 기초중 기초만 다뤄봤습니다.
타스 좋아요.
진짜루.