Typescript : 타입 명시(Type Annotations)

타입 명시(Type Annotations)

• 변수를 선언할 때, 변수 값의 타입을 명시함으로써 변수 값의 데이터 타입을 지정
• 예시
• let x:string = 'Im String';

 

타입 명시 예시 1

• app.tsstudentID의 값을 12345에서 'hello'로 바꾸면 명시한 타입에 맞지 않는다는 에러를 띄운다.
• 
• let studentID:number = 12345; //let studentID:number = 'hello'; // 에러 let studentName:string = 'Jenny Kim'; let age:number = 21; let gender:string = 'female'; let subject:string = 'Javascript'; let courseCompleted:boolean = false;

 

타입 명시 예시2

• app.ts리턴 타입 명시( :object ) - 원하는 타입으로 명시해주면 된다. (number, string, boolean, void, ....)리턴 타입을 명시해주었으면 반드시 return을 써주어야 한다.
  • void : 아무것도 반환하지 않는다는 의미
  
  

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

  : 뒤에 반환되는 객체의 구조를 타입으로 지정할 수도 있다.
• 위의 에러는 void 또는 any일 경우를 제외하고 반드시 return 값을 명시하라는 내용이다.
• 
• function getStudentDetails(studentID: number) :object { }

실습 코드 : https://github.com/cijbest/TIL/tree/master/TypeScript/%EC%8B%A4%EC%8A%B5/Day_3
공부 영상 출처 : [땅콩코딩] https://youtu.be/W61BPW7ZTqg