본문 바로가기
  • 저희는 평생 개발할 운명이걸랑요

Tech.log/프론트엔드14

[Interfaces vs Type Aliases] Type Aliases 비교적 Interfaces 처럼 작용한다. 이 둘은 무슨 차이가 있을까 ? Interfaces는 여러곳에서 새로운 이름(new name)을 만든다. 반면 Type Aliases 유일(unique)하다. 두 코드를 비교해 보자 //interface 예시 interface Window { title: string } interface Window { ts: import("typescript") } const src = 'const a = "Hello World"'; window.ts.transpileModule(src, {}); 해당 코드를 사용하면, 기존에 존재하는 Window interface에 'ts' 라는 새로운 field를 추가하게 된다. 그러나 //type예시 type Wi.. 2021. 4. 10.
[타입스크립트, 왜 쓰니 ?] 타입스크립트란 ? - 말그대로 자바스크립트에 type을 부여한 형태이다.타입스크립트는 자바스크립트와 달리 브라우저에서 파일을 변환(compile) 과정을 거쳐야한다. 까지 해주면서 사용하는 걸까 ? 1. 에러 방지 2. 코드 자동 완성과 가이드 개발 툴의 기능을 최대로 활용할 수 있다. 이런 함수가 있다고 가정하자. - total이라는 값을 String으로(toLocalString()을 사용하여) 변환 해주고 싶다고 가정하자. 자바스크립트는 total의 자료형을 인지하지 못한다. 따라서 VSCode는 어떤 메소드를 써야할지 감을 잡지 못한다. - 타입스크립트를 보아라, 이미 타입을 명시해주었기 때문에 VSCode는 관련 메소드를 단번에 찾을 수 있다. 출처:왜 타입스크립트를 써야할까요 ? 2021. 4. 5.