TypeScript 3회차 - 타입명시

https://youtu.be/W61BPW7ZTqg

타입 명시

변수를 선언할 때, 콜론(:)을 사용하여 변수 값의 타입을 명시함으로써 변수 값의 데이터 타입을 지정.

Syntax는 아래 방식

let x:string = '문자열만 할당 가능';
let studentID:number = 12345;
let studentName:string = 'Jenny Kim';
let age:number = 21;
let gender:string = 'female';
let subject:string = 'Javascript';
let courseCompleted:boolean = false;

interface Student {
    studentID: number;
    studentName: string;
    age: number;
    gender: string;
    subject: string;
    createDate: Date;
}

함수의 결과 값에 대한 타입 정의도 가능하다.
함수의 파라미터 괄호 뒤에 :type을 적어주면 된다.
함수가 아무 값도 반환하지 않으면 :void 라고 적어준다.

학생 정보를 불러오는 함수

function getStudentDetails(studentID: number)
: {
    studentID: number;
    studentName: string;
    age: number;
    gender: string;
    subject: string;
    createDate: Date;
} {
	return null;
}

객체를 반환할 것이므로 object를 반환값의 타입으로 정의.
return 없이 그냥 정의만 할 시 에러가 발생하는데 void나 any 타입이 아닌 경우에 반환 타입이 명시된 함수는 반드시 value가 반환 되어야 한다는 의미.

ts는 타입에 관한 더 많은 정보가 제공 될수록 코드를 좀더 효과적으로 깔끔하게 작성하고 유지보수가 쉽게 만들어준다.

따라서 문법적으로 잘못된 것은 없지만 그냥 :object보다는 좀 더 명확한 타입을 넣어주면 좋다.
:object라고 넣은자리에 :{property(속성): type;} 을 적어준다.
이런식으로 반환되는 객체의 구조를 타입으로 지정한다.
복잡해 보이죠? 인터페이스로 정리 가능합니다.

인터페이스 강의는 4회차에서!