[TypeScript] Js와의 관계, 타입 구문, 타입 작성 방법

What is TypeScript?

JavaScript and More

TypeScript adds additional syntax to JavaScript to support a tighter integration with your editor. Catch errors early in your editor.

TypeScript는 JavaScript에 추가 구문을 추가하여 편집기와의 긴밀한 통합을 지원합니다 . 편집기에서 초기에 오류를 포착하십시오.

 

A Result You Can Trust

TypeScript code converts to JavaScript, which runs anywhere JavaScript runs: In a browser, on Node.js or Deno and in your apps.

TypeScript 코드는 JavaScript가 실행되는 모든 곳 (브라우저, Node.js 또는 Deno 및 앱)에서 실행되는 JavaScript로 변환됩니다. 

Safety at Scale

TypeScript understands JavaScript and uses type inference to give you great tooling without additional code.

TypeScript는 JavaScript를 이해하고 유형 추론을 사용하여 추가 코드 없이 훌륭한 도구를 제공합니다 

 

 

Js와의 관계

Ts는 Js의 상위 집합이라고 생각하면 된다.

 

Type 구문

1. interface

interface State {
	name : string;
    tele : number;
}

const states : State [] [
	{name : 'YOU', tele : 01011112222},
    	{name : 'ME ', tele : 01033334444},
]

 

2. 변수 

const X : number = 3

const a : string | null = null

 

 

3. 함수

function add ( a: number, b: number) : number {
	return a+b 
}

 

 

4. type  & union

type Alpha = 'A' | 'B' | 'C'

const a : Alpha = 'A' // O
const b : Alpha = 1 // X

 

 

5. 반복되는 함수 시그니처

type BinaryFn = ( a:number, b: number) => number

function add :BinaryFn = (a,b) => a+b
function sub :BinaryFn = (a,b) => a-b
function mul :BinaryFn = (a,b) => a*b
function div :BinaryFn = (a,b) => a/b

 

 

유의 사항)

타입 단언 (as Type)은 기피하는 것이 좋다.

//타입 단언 ex
const bob = { name:'Bob' } as Person;

//타입 선언 
const bob :Person = { name:'Bob' }

 

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."