TypeScript 기초 공부

TypeScript 특징

✔ 타입스크립트는 자바스크립트의 슈퍼셋 언어이다
✔ 자바스크립스를 기반으로 하지만 확장됨
=> 뿌리에는 자바스크립트가 있다 (if, for 문을 사용)
✔ 타입스크립트는 리액트와 달리 자바스크립트 라이브러리가 아니다!
=> 새로운 기능을 만들거나 기능을 확장하지 않는다

✔ 정적 타입의 특징을 갖는다

TypeScript가 추가 된 이유

:자바스크립트가 원래 동적 타입(dynamically typed) 언어이기 때문에 일어나는 문제점을 해결하기 위해

no-typescript.js

function add(a,b) {
	return a+b;
}
const result = add(2,5);

console.log(result)

• 함수 선언 했을 때는 자료형을 특정 짓지 않음
• 두 개의 매개 변수를 받는다는 것만 아는 상태
• 함수에서 사용할 타입을 미리 정해두지도 않은 상태

with-typescripts.js

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

const result = add(2,5)

bisics.ts

// Primitives: number, string, boolean
// More complex types: arrays. objects
// Function types, parameters

// Primitives

// 변수 선언
let age: number ;
// let age: number =24 ; 도 가능
// 대문자로 쓰면 자바스크립트의 Number 객체를 가리키게 됨 
// 소문자로 변수 선언 해야 한다!! 
age = 12.1;
// float 형 포함 실수형 가능 


let userName: string;

userName = 'Max'

let isInstructor: boolean;
isInstructor = true;  

let hobbies: null;
hobbies = 12; // 오류 발생함!

• 대문자로 쓰면 자바스크립트의 Number 객체를 가리키게 되므로 소문자로 변수를 선언 해야 한다.

• null 값으로 타입 지정 후 다른 타입으로 변수 선언을 하면 오류가 난다.