[TypeScript(TS)] - 타입스크립트란? (타입스크립트 장단점, 예제코드)

🧹 간단정리

타입스크립트는 자바스크립트에 타입을 부여한 것이라고 생각하면 쉽다! 

 

[let apple] 에 값을 넣는다고 가정해보자

 

자바스크립트 : let apple = "나는 문자열" or 010 or true  >> 즉 아무런 값을 넣어도 됨

타입스크립트 : let apple : string = true >> 명시한 타입 이외에 다른 값은 에러발생

 

(자세한 내용은 아래참고)

---

🎅🏻 타입스크립트 소개와 역사

JavaScript 구문에 선택적으로 타입 주석을 추가함으로써

타입스크립트는 컴파일 시간에 오류를 잡고 코드 품질을 향상시키려는 목표를 갖고 있다.

 

타입스크립트는 JavaScript의 슈퍼셋으로, JavaScript 개발에 정적 타이핑을 도입하는 데서 인기를 얻었다.

2012년에 처음 출시되었으며  Microsoft에서 개발되었다. 

 

---

👍🏻 타입스크립트의 장단점

장단점으로는 아래와 같다.

장점

• 정적 타입 검사를 통한 컴파일 단계에서의 오류 감지로 코드 품질 향상
• 코드 가독성 향상 및 유지보수 용이성
• 강력한 타입 추론 기능으로 타입 명시의 번거로움 감소
• 문서화 자동화와 강력한 개발 환경 제공
• 큰 커뮤니티와 다양한 타입 정의 파일 제공으로 생태계 성장

단점

• 타입 정의에 대한 추가 작업 필요
• 초기 학습 곡선 및 프로젝트 설정 복잡성
• 동적 타입 언어보다 번거로울 수 있음
• 모든 라이브러리와 프레임워크가 타입스크립트를 완전히 지원하지 않을 수 있음

 

---

🧑🏻‍💻 타입 주석과 기본 타입

타입 주석(Type Annotations)은 변수와 함수 매개변수 등에 타입 정보를 명시하는 것을 말한다.

타입스크립트는 여러 가지 기본 타입을 제공한다. 몇 가지 예제를 살펴보자.

// 숫자 타입 예제
let num: number = 5;

// 문자열 타입 예제
let greeting: string = "Hello, TypeScript!";

// 불리언 타입 예제
let isDone: boolean = false;

// 배열 타입 예제
let numbers: number[] = [1, 2, 3, 4, 5];

// 객체 타입 예제
let person: { name: string, age: number } = { name: "John", age: 30 };