interface(이하 인터페이스)는 자바에서 사용하는 것과 같이 선언된 프로퍼티 또는 메소드의 구현을 강제하여 일관성을 유지할 수 있도록 합니다. 자바스크립트는 타입 체크를 하지 않기 때문에 일관된 구조를 만들기 까다롭지만 타입 스크립트의 인터페이스를 사용함으로써 일관된 구조를 구현할 수 있다는 것이 장점입니다. 이번 글에서는 React를 활용하여 어떻게 인터페이스를 사용할 수 있는지를 보여드릴 예정입니다. 원을 만들어주는 컴포넌트 제작하기 반지름이 50px이고 인자로 1. 배경 색과 2. 테두리 색을 받아 원을 그리는 컴포넌트를 만들어보겠습니다. styled-components를 통해 간단한 css를 작성해보겠습니다. const Container = styled.div` width: 100px; he..

위 에러는 html에 타입 스크립트 파일(.ts)을 바로 지정해줘서 나타나는 에러입니다. 따라서 타입 스크립트 파일을 tsc를 통해 컴파일한 자바 스크립트 파일을 연결해주어야 오류가 나지 않습니다. tsc 커멘드는 타입 스크립트를 global로 설치해야 사용 가능합니다. npm install -g typescript 이후 tsc App.ts와 같이 html에 연결할 타입 스크립트 파일을 tsc 명령어를 통해 컴파일 한후 위와 같이 연결해주면 오류가 더이상 나지 않습니다. 참고한 글 https://stackoverflow.com/questions/45341090/refused-to-execute-script-from-ts-because-its-mime-type-video-vnd-dlna-mpe Refuse..