본문 바로가기
Language/TypeScript

타입스크립트 / 타입으로 사용하는 인터페이스

by RUCKUS 2021. 6. 6.

인터페이스를 타입으로 사용하여 더 간단하게 코딩할 수 있다.

 

위와 같이 인터페이스에 각 변수명마다 데이터 타입을 지정해주고 함수에 인터페이스를 리턴타입으로 명시해주면 된다.

 

[선택적 프로퍼티]

인터페이스 내에 데이터 타입의 변수명 뒤에 ? 를 붙여주면 해당 함수의 리턴값에 해당 데이터 타입의 리턴값이 명시되어 있지 않아도 에러가 발생 하지 않는다.

ex)age?:number 로 해놓으면 return시 age:값 이것을 입력하지 않아도 리턴 된다.

 

인터페이스로 타입을 지정해주면 다른 함수를 사용시 재사용도 가능한 장점이 생긴다.

 

[인터페이스와 메소드]

인터페이스 안에 메소드도 정의할 수 있다.

이렇게 직접 선언하는 것과 Arrowfunction을 사용하여도 가능하다.

 

[Read Only 프로터티]

읽기 전용 프로터티로 객체 생성시 할당된 프로퍼티의 값을 바꿀 수 없다.

변수명 앞에 readonly를 적어주면 된다.