[02] TypeScript 기본 타입


기본 타입 정리

(1) 타입스크립트는 변수만들 때 변수의 타입을 지정가능하다.

let name : string = 'Choi'

  • 변수명 : 타입으로 지정 가능
  • Name이란 변수는 이제 string타입이 되며 Number나 boolean등 다른 타입을 할당하려고 하면 에러 발생
  • name이란 변수명은 전역변수로 사용 불가능

(2) array 또는 object 자료 안 타입 지정

let name : string[] = ['choi','kim']

  • array 자료안 들어갈 타입은 타입명[]으로 지정

let name : { age : number } = { age : 20 }

  • object 자료안에 들어갈 타입은 내가 만든 모습으로 지정

Union Type, any, unknown

(1) Union Type

  • 자바스크립트의 OR(||)연산자와 같이 'a'이거나 'b'이다 라는 의미의 타입
	let name : string | number = 'choi'
	let 나이 : (string | number) = 26 

(2) any

  • 어떠한 타입도 허용하는 타입
  • 타입을 엄격하게 검사하고 처리하는 TypeScript에서 any타입은 치명적인 존재
  • 비상시 쓰는 변수 타입체크 해제기능으로 사용
	let value : any = 10
	console.log(value.length) // undefined 

(3) unknown

  • any 타입과 동일하게 모든 값을 허용하지만, 할당된 값이 어떤 타입인지 모르기 때문에 함부로 프로퍼티나 연산을 할 수 없다
	let Name : unKnown = 'Choi';
	Name = 123;
	Name = undefined;
	Name = [];
  • unknown 타입엔 모든 자료를 다 넣을 수 있다.
  • 변수에 뭐가 들어있을지 애매한, 추측해야하는 상황에 사용

함수의 기본적인 타입 선언 & void

(1) 함수의 타입지정

  1. 함수로 들어오는 자료 (파라미터)
  2. 함수에서 나가는 자료 (return)
	function sum(a:number, b:number) : number {
      return a + b;
    }

(2) void

  • 함수에서 return을 방지할 때 활용

(3) 함수의 인자 (옵션)

    function sum(x? :number) { 

    }
    sum(); //가능
    sum(1); //가능
  • 파라미터 우측에 물음표시 함수를 사용시 파라미터 없이도 사용 가능
  • x:number | undefined 와 같은 의미

좋은 웹페이지 즐겨찾기