타입스크립트란?
타입스크립트는 자바스크립트에 타입을 부여한 언어입니다.
자바스크립트의 확장된 언어라고 볼 수 있습니다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 한번 변환해주어야 합니다. 이 변환 과정을 우리는 컴파일(complile) 이라고 부릅니다.
타입스크립트 장점
- 에러의 사전방지
- 코드 가이드 및 자동완성 (개발 생산성 향상)
타입스크립트 사용을 고려해야 하는 이유
타입스크립트는 코드에 목적을 명시하고 목적에 맞지 않는 타입의 변수나 함수들에서 에러를 발생시켜 버그를 사전에 제거합니다. 또한 코드 자동완성이나 실행 전 피드백을 제공하여 작업과 동시에 디버깅이 가능해 생산성을 높일 수 있습니다.
TypeScript는 정적 타입을 지원하므로 컴파일 단계에서 오류를 포착할 수 있는 장점이 생긴다
// sample.ts
// 아래처럼 타입을 정의해주어 코드상에서 정해준 타입이 아니였을때 에러로 간주하여 알려줌. (사전방지)
fuction add(a: number, b: number): number {
return a + b;
}
//add(10, 20);
// 두번째 '20'은 숫자가 아니기때문에 코드상에서 에러로 미리 간주하여 알려줌
add(10, '20');
https://www.typescriptlang.org/
https://imagineu.tistory.com/m/6
https://joshua1988.github.io/ts/
https://joshua1988.github.io/web-development/javascript/promise-for-beginners/
https://jsonplaceholder.typicode.com/
VSCode 플러그인 목록
문법검사: ESLint, TSLint
실습 환경보조: Live Server
Pretiier, Project Manager, Auto Close Tags 등
반응형
'UXUI Development > Javascript' 카테고리의 다른 글
[ES6] for ... in문 / for ... of 문 (0) | 2022.04.28 |
---|---|
[ES6] 템플릿 리터럴(Template Literal) (0) | 2021.12.28 |
[ES6] Destructuring 구조 분해 문법 (0) | 2021.12.28 |
자바스크립트 async / await (0) | 2021.12.23 |
API 문서 자동화 도구 (0) | 2021.12.14 |
javascript 동적로딩 (0) | 2019.06.12 |
script 내에 script호출 (0) | 2019.06.12 |
html안에 html 로드 스크립트 분기처리 (0) | 2019.06.12 |