[TypeScript] 기본 타입 정리 및 기본 문법 정리 (함수 포함)

타입스크립트 기본 타입 정리 및 기본 문법 정리 feat. 함수

타입스크립트는 자바스크립트 확장판 같은 개념이다

타입스크립트로 코드를 작성해도 결국에는 자바스크립트로 변환해서

자바스크립트 파일을 배포하거나 자바스크립트 파일을 사용해야 한다

 

 

⭐️  타입스크립트 원시 타입과 객체 타입

Primitive Type (원시 타입) : number, string, boolean, bigint, symbol, null, undefined

Object (객체 타입): functio, array ..

 

⭐️  number Type

//0.1, -1 소수점, 음수, 양수, 정수 등 가능
const num:number = 10;	

 

⭐️  string Type

const str:string = 'hello';

 

⭐️  boolean Type

const isTrue:boolean = true;

 

⭐️  undefined Type

//undefined 타입은 undefined만 저장이 가능하다
const ud:undefined = undefined;

//다른 타입과 함께 사용하려면 | 키워드사용
const ud:string|undefined = 'Hi';

 

⭐️  null Type

//null 타입은 null 만 저장이 가능
const nl:null = null;

//다른 타입과 함께 사용이 가능하게 하려면 | 사용
const nl:number | null = 10;

 

⭐️  unknown Type

//unknown 타입은 여러 타입 저장이 가능하다
//되도록이면 사용하지말고 구체적인 타입을 
//지정하는게 좋다
let notSure:unknown = 0;
notSure='Hello';
notSure=false;

 

⭐️   any Type

//any 타입은 unknown 타입과
//마찬가지로 여러 타입의 저장이 가능하다
//되도록이면 구체적인 타입을 기재하는게 좋다
let anyThing:any = true;
anyThing = 0;

 

⭐️   Array Type

//string []
const arr : string[] = ['a','b'];

//number []
const arr2 : number[] = [1,2,3];

 

⭐️  함수 사용하기 : 함수 리턴 타입 / 함수 인자 타입

//기본 형태
function 함수이름 (매개변수:변수타입):리턴타입{
	//기능..
}

//숫자 계산 함수
//입력,출력 모두 number 타입
function sum(x:number,y:number):number {
	return x + y;
}

//콘솔 출력함수
//입력 string, 출력 없음
function print(str:string):void{
	console.log(str);
}

//리턴 타입이 여러가지인 경우 (string, number)
function resultFunc():string | number {
	//..기능
}

//promise 리턴하는 경우
//resolve, reject 내 전달 변수 string타입
function returnPromise():promise<string>{
	return new Promise((resolve,reject)=>{
    	resolve('Hello');
    });
}