Language
-
TypeScript[6] FunctionLanguage/TypeScript 2018. 8. 4. 17:11
- Function함수 또는 메소드를 정의할때 TypeScript은 인자와 반환값에 타입을 설정해준다.JavaScript는 타입이라는 것이 없기때문에 가독하기위해 메소드명과 변수명에 타입을 명시할 수 밖에 없었다. function getMonthFromString(dateOfStringFormat){ //date 인자는 string const monthOfNumberFormat = parseInt(dateOfStringFormat.subString(4,6),10); //month 반환값은 Number } 굉장한 불편함과 만약 인자값으로 string이 아닌 다른 타입의 인자값이 들어왔다면 에러가 발생하게 된다.TypeScript는 이러한 단점을 보완하고자 const getMonth = (data:strin..
-
TypeScript[5] ClassLanguage/TypeScript 2018. 7. 30. 18:10
- Class 기존의 JavaScript는 재사용 가능한 component를 만들기 위해 함수와 프로토타입에 기반한 상속을 이용했다.하지만 C#, Java 와 같이 객체 지향에 익숙한 개발자들에겐 어려운 개념들이었다.그래서 ECMAScript2015(ES6)에서 개발자들이 좀더 쉽게 JavaScript Application을 구현할수 있도록 전통적인 class 기반의 객체지향 개념을 도입했다. class Book { btitle : string; // property 선언 bauthor : string; constructor(btitle : string,bauthor : string){ // constructor 선언 this.btitle=btitle; this.bauthor=bauthor; } prin..
-
TypeScript[4] InterfaceLanguage/TypeScript 2018. 7. 30. 15:59
- Interface Interface 라는 개념은 Java 나 C# 등의 정적 타입 언어에서 이미 많이 쓰이는 개념이다.Interface는 클래스에서 구현부가 빠졌다고 이해하면 편하다. 즉, 어떠한 객체가 이러이러한 프로퍼티 혹은 메소드를 가진다고 선언하는 것이다. 실질적인 구현은 이를 구현한다고 선언하는 클래스에 맡긴다.TypeScript에서 interface는 새로운 데이터 타입을 만드는 추상데이터 타입으로 사용이 되며 일반 변수,함수,클래스의 type check을 위해 사용된다. Interface를 이용하여 타입을 선언하면 Interface안에 명시된 property의 선언과 method의 구현이 강제되기 때문에 프로그래밍의 일관성을 확보할수 있다.*참고로 ES6은 Interface를 지원하지 않..
-
TypeScript[3] - 변수 선언Language/TypeScript 2018. 7. 23. 17:04
- 변수 선언 그전 글에서 let 과 const 에 대해서 간단하게 얘기만 하고 넘어갔다.ECMAScript6에서는 let 과 const 두개의 새로운 타입의 변수가 생겨났다.let은 var와 유사하지만 Javascript로 실행하는 일반적인 '결함을 피할수 있게 한다.const는 변수의 재할당을 방지한다는 점에서 let 을 보완해주는 변수이다. ( const > let > var )Typescript 는 Javascript 의 상위 집합이기에 let과 const를 지원한다. 먼저 기존에 사용해 왔던 var 변수에 대해 집고 넘어가면서 let 과 const 를 공부해보자. - var 선언자 function f(){ var a=10; return function g(){ var b = a+1; return..
-
TypeScript[2] - 기본 타입Language/TypeScript 2018. 2. 16. 22:54
- 기본 타입 TypeScript 에서 프로그램 작성을 위해 기본 제공하는 데이터 타입JavaScript의 기본자료형 모두 포함하고 있다.Boolean,Number,String,Null,Undefined,Array(Object 형)프로그래밍을 도울 몇가지 타입이 더 제공된다.Any,Void,Never,Enum,Tuple(object 형) Boolean 가장 기본적인 데이터 유형으로 true/false 값을 호출한다. let isDone : boolean =false; Number JavaScript와 동일하게 TypeScript의 모든 숫자는 정수와 부동 소수점이며, 이를 Number 타입으로 선언한다. TypeScript는 16진수 및 10진수 외에도 ECMAScript 2015에 도입 된 바이너리 및..
-
TypeScript[1] - 설치,tsconfig.jsonLanguage/TypeScript 2018. 2. 16. 22:52
- TypeScript - 컴파일하면 JavaScript가 되는 언어이며, 컴파일 시점에 타입 체크를 하여 객체 지향적인 문법을 추가할수 있는 특징을 가지는 언어 JavaScript가 대세긴 대세가 보다. back-end, front-end 를 왔다갔다 하면서 개발을 할수 있는 언어이면서도 그것의 단점을 보완하기 위해 이러한 컴파일 언어가 생겨나다니.. 밑에 그림은 언어관계를 보여주는 다이어그램이다. ES5는 일반적으로 JavaScript 라고 생각하면 된다. ES6(ESC2015) 는 JavaScript 의 차기버전으로써 프로토타입 기반의 OOP라고 불리는 JavaScript 에 Class 기능을 도입하여 좀더 강력한 언어가 되었고 추가로 비동기 방식을 종합적을 처리할 수 있게 Promise 함수를 제..