TS는 변수, 매개변수, 반환값에 타입을 붙이면 된다.

타입스크립트는 타입을 위한 구문이 있는 자바스크립트이다. 

// JS
const hello = 'world'； 
function add(xz y) { 
return x + y；
}
 const person = {
 name： 'zero'z
 age： 28z
 }

 

// TS
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,
 }；

 

타입은 데이터의 형태를 의미한다. 여기서 데이터의 형태란 자바스크립트에서 배운 문자열, 숫자, 객체 등 의 자료형이다. 

 

타입스크립트 실습은 TypeScript 온라인 플레이그라운드에서 할 수 있다. 

https://www.typescriptlang.org/play

TS Playground - An online editor for exploring TypeScript and JavaScript

 

TS는 변수, 매개변수, 반환값에 타입을 붙이면 된다.

 

기본 타입으로는 string（문자열）, number（숫자）, boolean（불 값）, null, undefined, symbol（심볼）, bigint, object（객체）가 있다. 함수와 배열은 객체 ( 0bject에 포함된다 ). 

 

다음과 같이 변수 이름 바로 뒤에 콜론과 함께 타입을 표기한다. 

const str： string = 'hello'；
const num： n나mber = 123；
const bool： boolean = false；
const n： null = null；
const u： undefined = undefined；
const sym： symbol = Symbol('sym')； 
const big： bigint = 100000000n；
const obj： object = { hello： 'world' }

 

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

 function plus(x： number, y： number)： number { // ( 매개변수: 매개변수 타입)
 return x + y；
}
 const minus = (x： number, y： number)： number => x - y // ( 매개 변수) 반환값 타입