반응형 개발 언어48 05 TypeScript - interface 5. interface TypeScript에서는 interface 기능을 제공한다. interface는 어떤 객체를 선언할 때 해당 객체가 인터페이스의 메소드들을 강제하기 위해 사용한다.이 말만 보면 이해하기가 좀 어렵겠지만 아래 예시들을 보면서 이해한다면 좀 더 나을 것이다. 기회가 된다면 자바의 interface 내용을 공부해본다면 좀 더 이해가 쉬울 것이다. p.s)interface는 클래스 개념을 안다면 좀 더 쉽게 이해할 수 있다.다음 글에서 클래스에 대한 내용을 다룰 것 이다.자바를 공부했다면 알고 있겠지만 자바에서 interface는 class에 implements 해서 많이 사용한다.그 내용은 클래스에서 다루겠다. (1) 기본 사용법사용 방법은 다음과 같다. 가장 기본적으로 JSON 형태의.. 2018. 4. 6. 04 TypeScript - union 4. union union은 한 변수에서 두 가지 이상의 타입을 사용하고 싶을 때 사용한다.| 라는 기호를 사용하면 된다. function의 리턴 타입으로도 사용할 수 있다. 2018. 4. 6. 03 TypeScript - function 3. function TypeScript에서 달라진 function에 대해 알아보자. 이전 타입에 대한 글에서도 나왔지만 function의 return 값의 타입을 지정해 줄 수 있다.void, string, number 등등void 외의 타입은 return 값을 반드시 가져야 한다. 그리고 input 변수에서 타입을 지정해 줄 수 있다.여기서 기존 JavaScript와 다른 점은 지정한 input 인수 갯수와 실제로 함수를 불러와 사용할 때 인수의 갯수가 다르면 에러가 난다.반드시 맞춰줘야 한다. 만약에 인수를 사용할 수도 있고, 안 할 수도 있게 사용하고 싶다면 선택 인수를 사용해야한다. 예제를 보면서 확인해 보자. 기존의 JavaScript는 정해놓은 인수보다 적거나 많은 인수를 받아도 알아서 동작.. 2018. 4. 5. 02 TypeScript - 특징 및 타입 2. 특징 및 타입 TypeScript의 특징 및 타입을 공부해보자. TypeScript의 공식 홈페이지 는 다음과 같고, Document에 들어가면 더 많은 정보를 알 수 있다. (1) 특징 가. 컴파일 동작 ( Compilation ) javascript 언어는 인터프리터 언어이다. 따라서 코드가 유효한지 알기 위해서는 실행을 해야 알 수 있다. 결국 코드에서 발생되는 버그를 찾기 위한 많은 시간이 발생된다. 하지만 Typescript 는 컴파일러에 의해서 오류 검사를 할 수 있다. 즉 TypeScript는 코드를 컴파일하고 구문 오류를 발견하면 컴파일 오류를 발생시킨다. 나. 강력한 정적 타입 지정 ( Strong static Typing ) javascript 언어는 엄격하지 않은 타입 언어이다... 2018. 4. 5. 01 TypeScript - 개념 및 환경설정 1. 개념 및 환경설정 TypeScript 개념 및 환경설정에 대해 알아보자. MS와 Google이 함께 만든 TypeScript는 JavaScript를 기반으로 만들어진 언어이다. 기존의 JavaScript는 변수의 타입이 없다. TypeScript는 이런 점을 보완하기 위해 나온 언어이다. 그렇기 때문에 JavaScript를 기본으로 하고 있기 때문에 JavaScript와 ECMAScript에 대한 기본 지식을 익히고 이 글을 보길 추천한다. - ECMAScript6 강좌 01 ECMAScript6란 (개요, 개념) 1. ECMAScript6란? ECMAScript6에 대한 기본 개념을 익혀보자. 관련 글들은 기본적인 Javascript는 알고 있다고 가정하고 작성되어 있다. Javascript를 모.. 2018. 4. 5. 10 ECMAScript - Map, Set 10. Map, Set JAVA에서 사용할 수 있는 Map, Set을 ES6에서 지원한다. 먼저 자바에서 set과 map의 특징은 다음과 같다. Map- key와 value로 저장한다.- 순서가 없고, key는 중복된 값을 가질 수 없다. Set- 배열이다.- 순서가 없다.- 중복된 데이터를 가질 수 없다. ES6에서도 거의 유사하지만 자바와는 다르게 set, map 모두 순서가 있다.그래서 for문으로 돌려 값을 가져올 수 있다. 이제 하나씩 예제를 보면서 알아보자 (1) Map 기본적으로 .set(key, value) 메서드로 데이터를 저장하고, .get(key) 메서드로 데이터를 가져온다.Map의 크기는 length가 아닌 size를 사용하여 구하며, .has(값) 메서드로 해당 값으로 되어 있는 .. 2018. 4. 4. 이전 1 ··· 3 4 5 6 7 8 다음 반응형