타입스크립트를 쓰는 이유, 필수 문법 정리 공부

타입스크립트

자바스크립트 + Type = 타입스크립트

브라우저는 HTML,CSS,Javascript만 읽을 수 있기 때문에
타입스크립트는 실행시에 자바스크립트로 컴파일링되어 실행된다.

타입스크립트를 쓰는 이유는 1. 5 - '3'과 같은 타입을 엄격하게 지정해주고 2. 에러메세지를 정확하게 짚어준다.

타입스크립트 필수 문법 정리

/* 배열타입 */
// 문자열만 있는 배열
let 이름:string[] = ["kim","Lee","Hong"]

// 배열에 문자열과 숫자열을 같이 넣어두고 싶을 때
let 이름:(string | number)[] = [1,2,3,"철수","영희"]

// 모두 숫자이거나 모두 문자인 배열
let hhh: string[] | nuber[] =[ "영희","철수" ]
hhh = [1,2,3]


/* 객체타입 */
interface Ipropfile {
		name : string
		age : number 
		school : string
	}
let 이름 : { name? : string } = { name : "kim" }

//age의 타입이 문자열이거나 숫자열일 때
interface Ipropfile{
		name : string
		age : string | number
	}

// 함수에 타입 지정
function 함수(x : number) : number {
	return x * 2
	}

// 객체 값이 너무 많을 때
interface Member = {
  [key :string] : string}

let john : Member = { name : "kim", age : "123"}

타입스크립트와 자바스크립트와의 차이점

출처: https://imagineu.tistory.com/6

타입스크립트 간단요약

뜻: 자바스크립트 +타입

왜 씀? : 자바스크립트의 강력한 장점이자 단점은 동적타입 언어라는 것. 즉, 속성의 변경이 너무나 쉽기 때문에 버그 발생 빈도가 높다. 이를 정적으로 바꿔주는 것이 타입스크립트

사용법은 위에 참조