- 타입 스크립트는 타입을 위한 구문이 있는 자바스크립트 이다.
/*타입 스크립트*/
const hello : string = 'world';
function add(x:number, y:number) : number{
return x + y;
}
interface Person{
name : string,
age : number,
}
const person : Person ={
name : 'Zero',
age : 28,
}
/*자바 스크립트*/
const hello = 'world';
function add(x,y){
return x + y;
}
const person = {
name : 'zero',
age : 28,
}
타입을 위한 구문은 변수나 매개변수, 반환값 같은 값에 타입을 부여한다.
타입 : 데이터 형태 ( 문자열 숫자 객체 등의 자료형)
타입 스크립트는 데이터의 타입을 명시적으로 표시할 수 있게 된 자바스크립트이다.
타입스크립트 공식사이트
https://www.typescriptlang.org/
JavaScript With Syntax For Types.
TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code.
www.typescriptlang.org
타입스크립트 핸드북
https://www.typescriptlang.org/ko/docs/handbook/intro.html
Handbook - The TypeScript Handbook
Your first step to learn TypeScript
www.typescriptlang.org
플레이 그라운드
- JS탭 : 자바스크립트 결과물이 어떻게 나올지 미리 보여주는 탭, 타입 스크립트는 결국 자바스크립트로 변환되므로 타입을 위한 구문을 제외하면 유효한 자바스크립트 코드여야 한다는 점을 염두에 두고 프로그래밍 해야한다.
- Errors 탭 : 타입스크립트 코드에 있는 에러를 표시한다. 에러가 없어야 올바른 코드이므로 이 탭에 에러가 표시될 때마다 에러를 해결해야한다.
JavaScript는 프로그래밍 커뮤니티에 도입된 지 20년이 지난 지금, 가장 널리 퍼진 cross-platform 언어 중 하나입니다. JavaScript는 웹 페이지에 사소한 상호작용을 추가하기 위한 작은 스크립팅 언어로 시작하여, 규모에 상관없이 프론트엔드와 백엔드 애플리케이션에서 선택 가능한 언어로 성장했습니다. JavaScript로 작성된 프로그램의 크기, 범위 및 복잡성은 기하급수적으로 커졌지만, 다른 코드 단위 간의 관계를 표현하는 JavaScript 언어의 능력은 그렇지 못했습니다. JavaScript의 다소 특이한 런타임 의미 체계(runtime semantics)와 더불어, 언어와 프로그램 복잡성 간의 불일치는 JavaScript 개발을 규모에 맞게 관리하기 어려운 작업으로 만들었습니다.
프로그래머들이 작성하는 가장 흔한 오류는 타입 오류입니다: 다른 종류의 값이 예상되는 곳에 특정한 값이 사용된 경우입니다. 이는 단순한 오타, 라이브러리 API를 이해하지 못한 것, 런타임 동작에 대한 잘못된 가정 또는 다른 오류 때문일 수 있습니다. TypeScript의 목표는 JavaScript 프로그램의 정적 타입 검사자 입니다. 즉, 코드가 실행되기 전에 실행하고(정적), 프로그램 타입이 정확한지 확인하는 도구(타입 검사)입니다.
참고 : https://www.typescriptlang.org/ko/docs/handbook/intro.html
Handbook - The TypeScript Handbook
Your first step to learn TypeScript
www.typescriptlang.org
- 타입 관련 오류는 자바스크립트에서 주로 TypeError로 표시된다.
- 자바스크립트 고나련 오류 : 문법에러, 타입에러, 기타에러
- 자바스크립트에서 많이 발생하는 에러
1> Uncaught TypeError : Cannot read property
2> TypeError : 'undefined' is not an object(evaluating..)
3> TypeError : null is not an object(evaluating...)
4> (unknown) : Script error
5> TypeError : Object doesn't support property
6> TypeError : 'undefined' is not a function
7> Uncaught RangeError
8> TypeError : Cannot read property 'length'
9> Uncaught TypeError : Cannot set property
10> ReferenceError : event is not defined
- 타입스크립트를 사용할 때는 어떤 값에 타입을 부여할지 알고 있어야 하는데 기본적으로 변수와 함수의 매개변수, 반환값에 타입을 부여한다고 생각하면 된다.
- 기본 타입 : string(문자열), number(숫자), boolean(불값), null, undefined, symbol(심볼), bigint, object(객체)가 있다
- 자바스크립트의 자료형과 대응되고 함수와 배열도 객체이므로 object에 포함된다.

- 함수에서 매개변수의 타입은 매개변수 바로 뒤에 표기하고, 반환값의 타입은 함수의 매개변수 소괄호 뒤에 표기한다.

'프로그래밍 이야기 > 타입스크립트' 카테고리의 다른 글
ES5, ESNext, TypeScript 관계도 (0) | 2023.08.24 |
---|