:)+9D

:)2W

오늘도
배워봅니다.

시작

1. Typescript(타입스크립트)

타입스크립트를 잘 배우자!!

• 자바스크립트의 타입을 강제 시키는 언어

let string = "string"
string = 12345

변수에 문자열을 할당했다가 이후에 숫자열을 재할당해도 문제가 없다.
하지만 타입스크립트는

let string:string = "string"
string = "12345"

• 변수의 자료형을 지정해주기 때문에 문자열 변수에는 문자열만 재할당이 가능하다.

A. 타입스크립트를 사용하는 이유

자바스크립트는 타입이 엄격하지 않고 자유자재로 변환이 가능하다.
이러한 점은 개발에는 굉장히편리해 보이지만, 큰 서비스를 개발하는 경우에는 문제가 될 수 있다.
그리고 타입스크립트는 코드에 목적을 명시하고 목적에 맞지 않는 타입의 변수나 함수들에서 에러를 발생시켜 버그를 사전에 제거하는 이점이 있다.

B. 타입스크립트를 사용하는 방법

변수이름 옆에 : 을 붙인 후 타입을 명시해주기

let string : string = '반가워요'
let number : number = 1234

타입을 지정해주면 타입에 맞지 않은 값을 할당 하면 에러가 난다

• ex

// 문자열만 있는 배열
let aaa:string[] = ['하나', '둘', '셋']
// 배열에 문자열과 숫자열을 같이 넣고 싶을때
let bbb:(string | number)[] = [1, 2, 3, "하나", "둘"]
// 모두 숫자이거나 모두 문자인 배열
let ccc: string[] | number[] = ["영희", "철수"]
ccc = [1, 2, 3]
// 객체타입
interface IPropfile {
	name : string
    age : number
    school : string
}
const profile:IPropfile = {
	name : "철수"
    age : 9
    school : "토끼초등학교"
}