moomood

기존 프로젝트의 경우 모든 js 파일을 타입스크립트 파일로 변환할 수 없는경우가 대부분이다. 이런 경우 프로젝트에 타입스크립트를 적용하고 싶은 경우 기존 파일은 그대로 두고 신규 작성 코드부터 ts 파일로 작성을 하게 될것이다. 새로이 ts 파일을 생성하고 기존 자바스크립트 파일을 import 할 경우 ts 파일에서는 아래와 같이 오류가 발생한다. 이를 해결해 주려면 tsconfig.json 파일의 compilerOptions내부에 "allowJs": true 옵션만 추가해 주면 된다. 해당 옵션을 추가해 주면 타입스크립트는 해당 js 파일을 import 해오는 것을 오류가 아닌것으로 받아들인다. 추가적으로 기존 js파일에서 타입스크립트의 문법체크를 적용하고 싶은 경우가 있을 것이다 아래와 같은 js파일..

1. type 방식 type User = { name:string } type Player = User & { ... } - 장점 : 유연하다. alias 지정이 가능하다. 지정한 값만 가지도록 타입 제한이 가능하다. 2. interface 방식 interface User { name:string } interface Player extends User { ... } 장점 : 객체지향 방식에서 이해가 쉽다. property의 축적이 가능하다.(type 으로는 불가능) // property 축적 예제 interface User { name:string } interface User { firstName:string } interface User { lastName:string } const kim: Use..