WEB/TypeScript (3) 썸네일형 리스트형 [TS] Interface란 무엇인가? 인터페이스(Interface)는 같은 범주에 대해 약속을 정의할 수 있습니다. 객체의 스펙(속성과 속성의 타입) 함수의 파라미터 함수의 스펙(파라미터, 반환 타입 등) 배열과 객체를 접근하는 방식 클래스 인터페이스를 사용하지 않은 예 : let person = { name: 'me', age: 21 }; const logAge = (obj: { name: string ,age: number }) => { console.log(obj.name); // me console.log(obj.age); // 21 } logAge(person); 인터페이스를 사용한 예 : interface personAge { age: number; name : string; } const logAge = (obj: personA.. [TS] 기본 타입 및 타입 추론 기존에 자바스크립트에서 지원하는 Number, String, Boolean, Array 타입들은 모두 지원한다. 이외에도 추가적으로 지원하는 것이 있다. let num: number = 1; let str: string = "Hello"; let bool: boolean = true; let arr: string[] = ["a", "b"]; let arr2: array = ["a", "b"]; Number 자바스크립트의 Number와 동일하다 int, double 구분없이 모두 실수로 표현한다. String 자바스크립트의 String과 동일하다. " ", ' '. ` `(백틱)으로 문자열을 감싸면 된다. Boolean 자바스크립트의 Boolean과 동일하다. Array Array에 사용법은 두가지가 있는.. [TS] TypeScript는 무엇인가? 타입스크립트는 자바스크립트의 상위 개념이다. 자바스크립트에는 이미 원시타입인 string, number, object, undefined 가지고 있지만 변수를 선언할 때 변수의 타입을 일관되게 대입하였는지 확인하지 않는다. TypeScript의 타입 검사기는 개발자가 생각한 타입과 JavaScript가 실제로 대입하는 타입 사이의 불일치를 경고를 한다. 어째서 사용해야 하는가? 위에서 설명 하였듯이 개발자가 의도한 타입과 실제 자바스크립트가 할당하는 타입이 다를 수 있는걸 미리 경고하여 사전에 에러를 방지하여 안정성과 신뢰성을 얻는다. 자동완성 기능과 가이드를 볼 수 있게 해주어 생산성을 얻는다. 1. 에러 방지 첫번째로 자바스크립트는 변수를 선언할 때 ES6 기준으로 let과 const를 사용한다. 그.. 이전 1 다음
