[React] TypeScript

TypeScript 설치

npm install typescript @type/node @type/react @type/react-router-dom @type/jest @type/react-dom

• js 파일 →. ts
• jsx 파일→. tsx

 

javascript vs TypeScript

• javascript(동적언어) : 런타임에 타입 결정 / 오류 발견
• Java, Typescript(정적언어) : 컴파일 타임에 타입 결정 / 오류 발견

function add (num1 : number, num2 : number){
	console.log(num1+num2);
}
add(1,2);



function showItems(arr : number[] or : Array<number>){
	arr.forEach(item =>{
		console.log(item)
	})
}
showItems([1,2,3]);

 

 

튜플

let b:[string, numbder];
b['s', 1];


//void, never
function sayHello():void{
	console.log('hello');
}

//항상 에러를 반환하거나 영원히 끝나지 않는 함수에서 사용
function error():never{
	throe new Error();
}

function loof():never{
	while(true){
	
	}
}

type Score = 'A' | 'B';

interface User{
	name : string,
	age : number
	readonly gender? : string 
	[grade:number] : Score
}

let user : User = {
	name='ss',
	age= 2,
	1: 'A',
	2: 'B'
}

console.log(user.name)


//함수 정의
interface Add(){
	(num1 : number, num2 : number) : number
}

const add : Add = function(x,y){
	return x+y
}

add(10,20)


function arr(...num : number[]){
=> 전달받은 매게변수를 배열로 나타냄
	return num.reduce((result, num) => result + num, 0)

}