Advance II/TypeScript (3) 썸네일형 리스트형 [TS] Todo List & Ts Sorter 개발 강의영상 https://www.youtube.com/watch?v=0UMmCbcZid0&list=PLOSNUO27qFbsI9bAIVitBcq-klZae5GMi TypeScript 안전하고 예측 가능한 코드 구현에 초점을 맞춘 자바스크립트의 상위 집합(Superset) 언어이다. 기존 자바스크립트에 타입 시스템을 적용한 것이다. 타입스크립트로 작성된 코드는 타입스크립트 컴파일러(tsc)를 통해 자바스크립트로 변환된다. 타입 시스템 외에도 Decorators와 같은 다양한 기능을 제공한다. 타입스크립트는 자바스크립트 타입 체계에 정적 타입(static typed)를 적용한다. 자바스크립트는 동적 타입 체계(dynamic typed)의 언어로 변수에 타입을 지정하지 않는다. 인터프리터를 이용한 라인 단위의 변.. [TS] Index Signature 인덱스 시그니처(Index Signature) { [ Key : T ] : U } T: Key의 타입 U: Value의 타입 객체의 특정 value에 접근할 때 key를 문자열로 인덱싱하여 참조하는 방법이다. (Key-Value Structure) Key와 Value의 타입을 정확히 명시해야 하는 경우 사용할 수 있다. 모든 멤버 변수의 규격을 정의하는 기능을 한다. 인덱스 시그니처 선언에서 key의 키워드는 임의로 바꾸어 사용할 수 있고, 동일한 키워드를 여러 개 사용할 수 있다. Index Signature 선언 type objType = { [key: string]: number, // Index Signature: key는 string 이고 value는 number 라는 의미 foo: number.. [TS] 타입스크립트 타입스크립트(TypeScript) 자바스크립트(JavaScript) 기반으로 정적 타입 문법을 추가한 프로그래밍 언어 자바스크립트 동적 타입, 인터프리터 언어, 스크립팅 언어 런타임에 타입이 결정되기 때문에 런타임에 오류 발견 가능 폼 유효성 검사, 애니메이션 적용 및 이벤트 생성 타입스크립트 정적 타입, 객체 지향 컴파일 언어 코드 작성(컴파일) 단계에서 타입을 체크하여 오류 발견 가능 타입스크립트 컴파일러 또는 바벨(Babel)에 의해 자바스크립트 코드(.ts -> .js)로 변환됨 클래스 기반으로 객체 지향 프로그래밍 언어의 상속, 캡슐화, 생성자 지원 //js function sumJs(a, b) { return a + b; } //ts function sumTs(a: number, b: numb.. 이전 1 다음