본문 바로가기

개발/TypeScript5

[TypeScript] 타입스크립트 클래스 :: 마이자몽 이번 글에서는 TypeScript에서 클래스 사용법에대해 알아본다. 1.Basic123456789101112class Greeter { greeting: string; constructor(message:string){ this.greeting = message; } greet = () => { return "Hello, " + this.greeting; }} let greeter = new Greeter("world");console.log(greeter.greet()); //Hello, worldcs 클래스의 기본사용법이다. 2.Inheritance12345678910111213141516171819202122232425262728293031323334353637383940414243444546474.. 2018. 9. 23.
[TypeScript] 타입스크립트 인터페이스 :: 마이자몽 이번글에서는 TypeScript인터페이스에 대해 배워본다.Java개발을 해봤다면, code만 보고도 바로 이해를 할 수 있을것이다.조금 다른것은, 인터페이스의 용도인데... 주로 타입검증을 위해 사용된다. 1.Basic use1234567891011121314const printLabel1 = (labelledObj: {label: string}) => { console.log(labelledObj.label);}let myObj1 = {size: 10, label: "Size 10 Object"};printLabel1(myObj1); //Size 10 Object interface LabeledValue1 { label: string;}const printLabel2 = (labelledObj: Lab.. 2018. 9. 23.
[TypeScript] 타입스크립트 변수선언 & Destructuring :: 마이자몽 javascript에서 전통적으로 var을 사용해서 변수선언을 한다.es6부터는 let과 const도 사용이 가능하다. 이 3가지 변수선언 방식을 비교하고 Destructuring에 대해 알아본다. typeScript Documentation을 확인해보면 var은 사용하지 않고 let과 const를 사용한다.필자도 javascript보다는 Java언어에 익숙하다보니, var을 사용할때의 모호성이 느껴진다.var 과 let을 사용한 코드 예시를 보면 필자가하는 말이 이해가 될것이다. 1.var1234567891011121314151617181920212223242526272829function sumMatrix1(matrix: number[][]){ var sum = 0; for(var i=0; i { c.. 2018. 9. 23.
[TypeScript] 타입스크립트 기본 타입 :: 마이자몽 typescript의 기본타입들을 하나씩 확인해보자.javascript의 상위 언어 개념이어서 내용을 보다보면 javascript에서 사용하는 문법들과 동일한 경우가 많다. typescript의 변수 선언에대해서 다음에 글을 올릴것이다.일단 알아야할 것은 선언 할때 '변수명 : 타입 = 값' 형태로 선언한다. 1. boolean123let isDone: boolean = false; console.log(isDone); // 출력 : false;cs boolean에 대해서 설명할게 없다.위 코드의 형태로 사용해 준다. 2.number12345678910111213141516171819let decimal: number = 6;let binary: number = 0b1010;let octal: numbe.. 2018. 9. 23.
[TypeScript] 타입스크립트 환경설정 및 시작 :: 마이자몽 얼마전, 어느 개발자에게 앞으로 대세가 될수 있을 기술이 뭐가 있을지 물어봤다.여러 기술들 중에 TypeScript를 해보는 것도 좋을것 같다는 조언을 듣고 공부차원으로 정리해보는 것이 좋을것 같다고 생각이 들었다. TypeScript란?일단 TypeScript는 JavaScript의 상위언어 집합이다.Complie to JavaScript를 해주는 언어이다. 즉, 컴파일하면 JavaScript가 된다.그냥 JavaScript쓰면 될것이지 뭐하러 이렇게 하냐.... 라는 의문이 들 수도 있는데,... 대규모 어플리케이션을 만들때 JavaScript로 인한 문제가 많이 발생해서 TypeScript가 탄생하게 된것이다. 대규모 어플리케이션 뿐만 아니라, 새로운 기능의 도입과 호환성 문제를 해결하는데 강력하다.. 2018. 9. 19.