hoony's web study

728x90
반응형


TypeScript는 형을 중요시하는 javascript 프로그래밍 언어라고 생각하시면 됩니다.
형을 검사하는 것으로서 프로그램을 하다가 일어나는 오류를 많이 줄려주는 언어입니다.

여기서 첫번째 Interface에 대한 것을 한번 정리해보고 넘어갑니다.
javascript에서는 표시가 되지를 않지만 일단 제가 nomadercoder에서 공부하고 했던 것을 스크립트를 해 봅니다.
사용방법은 간단합니다. 
class를 사용하면 생성자를 선언하고 사용을 하는데 interface는 단지 형을 선언하고 사용하는 것이 편하게 느껴졌습니다.

interface Human {
    name:string;
    age:number;
    gender:string;
}
 

const person = {
    name: "hoony",
    age: 24,
    gender: "male"
    
}

const sayFunction = (person: Human) => {
    return `hello ${person.name}, you are ${person.age}, you are a ${person.gender} !` ;
};

console.log(sayFunction(person));

//module이라고 선언해야 에러가 없음.      
export {};

소스를 보시면  Human이라는 interface를 하나 선언하고 내부에 사용할 변수들의 형을 선언을 했습니다.
이것을 저는 다시 하단의 함수에 형을 매칭시키면서 사용을 간단하게 하고 있습니다.
일일이 선언하는 것보다는 interface를 사용하므로써 소스의 간결함도 가져갈수 있습니다.

반응형


일일우일신(日新又日新)하는 하루입니다.
다들 즐거운 코딩생활되세요. 

참고로 설명이 잘되어있는 사이트입니다.
https://typescript-kr.github.io/pages/interfaces.html

 

TypeScript 한글 문서

TypeScript 한글 번역 문서입니다

typescript-kr.github.io

 

728x90

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading