Interface-1

$ npm i typescript -D // 프로젝트에 typescript 설치
$ npx tsc --init // tsconfig.json 생성
$ npx tsc // typescript => javascript compile

typescript 연습

function hello1(person: { name: string; age: number }): void {
console.log(`안녕하세요! ${person.name} 입니다.`);
}
// 각각의 인자에 데이터 타입을 지정해주어야함.
const p1: { name: string; age: number } = {
  name: "hinyc",
   age: 31,
};

 hello1(p1);
// => 안녕하세요! hinyc 입니다.
// { name: string; age: number } 데이터 타입 지정 중복이 발생!!

interface 적용

interface person1 { 
  name: string; 
  age: number
 }
//변수 설정과 유사하게 Interface라는 키워드로 데이터 타입을 지정해놓고 사용할 수 있음.

function hello1(person: person1 ): void {
  console.log(`안녕하세요! ${person.name} 입니다.`);
}

const p1: person1 = {
  name: "hinyc",
  age: 31,
};

hello1(p1);
// => 안녕하세요! hinyc 입니다.