Lsiron

먼저 Type Script로 Class에 타입을 지정 해 보자. 그 전에 Class 문법이란 Java Script에서 수 많은 객체를 생성할 때, 여러번 코드를 입력하여 수 많은 객체를 하나하나 만드는 것이 아닌 객체를 만드는 기계를 만들어 놓고 그 기계에 재료만 넣으면 원하는 객체를 만들어 주는 문법이다.  간단하게 아이스크림 기계를 만들고 , 아이스크림 기계에 재료를 넣어보자.// 옛날 class 문법function IceCream (x, y) { this.맛 = x; this.종류 = y;}let iceCream1 = new IceCream('딸기', '막대')let iceCream2 = new IceCream('포도', '콘')console.log(iceCream1) // IceCrea..

HTMLhello World!linkbutton TSlet title = document.querySelector('#title');title.innerHTML = 'Hi'; 위와 같이 코드를 입력하면 에러가 난다. 바로, 타입을 하나로 확정 지어주지 않았기 때문이다. 현재 title.innerHTML = 'Hi' 는 Union Type이다. ( id를 잘못 입력할 시, Null 반환하고, 잘 입력하면 Element를 반환한다. ) 이를 방지하기 위해 Narrowing을 사용해야한다. 즉, 타입을 하나로 확정 지어야 한다. 따라서 다음과 같이 코드를 짜 줘야한다.let title = document.querySelector('#title');if(title != null){ title.innerHTML ..

함수에 타입을 지정할 때.function test(x:number):number { return x * 2}test(2) // 4 parameter와 return 값에 타입 지정이 가능하다.  단, return 값에 타입을 지정할 땐 리턴 값 옆이 아니라 파라미터 소괄호 오른쪽에 해준다.   만약 파라미터에 타입을 지정하지 않을 시, any 타입이 할당된다. 즉, 위 test함수는 무조건 number가 들어와야하며, return 값은 무조건 number가 반환돼야한다. 자바스크립트 함수와 다른 점은 타입 지정된 파라미터는 필수로 파라미터를 넣어줘야한다. function test(x) { return x * 2}test() 기존 자바스크립트는 위와 같이 파라미터를 집어넣지 않고 test() 이런 방식으로 ..

변수에 타입을 지정할 때.let myName:string = 'Lee';let age:number = 27;let me:boolean = true;let money:null = null;let future:undefined = undefined;let arr:string[] = [ '와', '무슨', '이딴게', '다있지' ]let arr:number[] = [ 1, 2, 3, 4 ]let obj:{ myName : string } = { myName : 'lsiron' }let obj1:{ age? : number } = { age : 28 }  // 이렇게 ? 를 붙이면 age가 들어올 수 있고 안 들어올 수 있다는 뜻// 즉, age 속성은 옵션이다 라는 뜻 만약 타입을 지정해놓고 지정 해 놓은 타..