Typescript / interface 기능

자바스크립트에서 추가로 사용가능한 타입스크립트는

꼼꼼한 변수 타입 체크로 해당 변수가 String, number, boolean... 등 값이 맞는지 확인하여

사전에 경고를 줌으로써 개발자들의 오류 가능성을 최대한 배제시켜주는 고마운 기능임과 동시에

모든 변수에 값을 사전에 지정해줘야 하기 때문에 상당히 귀찮은 면모도 가지고 있다.

 

그럼에도 불구하고 Typescript는 error 발생시 어디에서 누가 문제가 되었는지 좀 더 정확히 알려주기 때문에

결과적으로 개발에 소요된 시간을 줄이는 결과를 보여준다.

 

위의 예시는 "interface Name {}"을 사용하여 각 form에 들어가는 값들의 타입을 지정해둔것으로 

required가 아닌것은 변수 뒤에 "?"를 추가해주어야 한다. 

 

예를 들어 lastName이 required가 아니라면 lastName?: string으로 타입스크립트에게 해당 값이 없을수도 있다고 미리 

알려줌으로써 불필요한 에러를 방지할 수 있다.