TypeScript) 인터페이스(interface)

김건우·2020년 9월 19일
0

TypeScript

목록 보기
2/4
post-thumbnail

객체로 각 변수의 타입을 지정

주로 interface로 선언하여 각 변수의 타입을 key 와 value 값으로 저장해준다.

  • interface 로 type을 선언해주는 형식
interface SquareStyle {
	color: string;
    	width: number;
}

interface 선언 코드)

  • 코드 설명
//TestFoo 라는 interface를 선언하여 주고, key에는 변수, value는 type을 정해준다.
interface TestFoo {
	num : number ;
}

//testObject 라는 Object를 만들어 주고, TestFoo 라는 type을 참조 할 것이라고 알려준다.
const testObject: TestFoo = {
	a : 1
}

코드를 보면, a 변수는 number로 선언되어 있다.
만약에 a 를 number가 아닌 string을 넣게 되면,

현재 a 는 number로 타입지정이 되어있기 때문에, a에 hello를 저장할 수 없다고 알려주고 있음을 보여준다. (a에 빨간 밑줄이 쳐져있음)

주로 사용하는 경우

  • 공통으로 사용하는 변수와 타입은 'entities' 라는 이름의 파일로 주로 생성해주고, 사용하는 파일에서 import하여 준다. (팀의 컨벤션에 맞추어 파일명은 변경할 수 있다.)
  • 한 파일내에서만 사용하는 타입인 경우, 파일내에서 interface를 선언하여 준다.
profile
꾸준하게 공부하기

0개의 댓글