Typescript/개념

1) readonly readonly는 말 그대로 읽기만 가능하게 해준다. readonly 속성을 타입에 추가할 수 있다. 우리가 name을 수정하려고 한다면 Typescript가 그것을 막을 것이다. 왜냐하면 typescript에게 이 속성은 readonly라고 말했기 때문이다. 이런식으로 새로운 name을 할당 할 수 없다고 알려준다. 이렇게 배열을 만들었을때 원본 배열을 변환시키는 push, unshift 등등의 함수는 사용할 수 없다 원본 배열을 바꾸지 않은 함수만 사용가능하다. 자바스크립트는 이런 readonly같은 기능이 없다. 2) tuple tuple은 JS에서는 지원하지 않는 데이터 타입이지만, TS에서는 배열 타입을 보다 특수한 형태로 사용할 수 있도록 지원하는 기능이다. tuple에 ..

Type part 1 Object 타입 설정하는 방법 let a : number[] = [1, 2]; let b : string[] = ["12"]; let c : boolean[] = [true]; 위와같이 array안에 type도 설정해 줄 수 있다. 그런데 Objcet는 조금 다르다. const player : objcet = { name:"kim" } player.name 이렇게 하면 오류가 뜬다. name이 없다고 그럼 어떻게 해야할까 ? const player : { name : string, age?: number } = { name : "kim" } if(player.age < 10) { console.log("hi") } 이렇게 만들면 된다. age에 물음표를 붙이면 선택적으로 data를..

타입스크립트는 자바스크립트에 추가적인 구문을 추가하여 editor(ex. vscdoe) 와의 단단한 통합을 지원합니다. 따라서 이를 통해 editor에서 초기에 오류를 잡을 수 있습니다. 타입스크립트는 자바스크립트를 이해하고 타입 추론을 사용하여 추가 코드 없이도 훌륭한 도구를 제공합니다. const player = { age: 12 } player.age = false 타입스크립트에서 이런식으로 코드를 작성하면 바로 실행되기전에 player.age에 빨간 밑줄이 생긴다. 왜냐하면 타입스크립트는 타입 추론으로 age를 number로 인식하는데 갑자기 boolean을 할당하려고하니 타입이 다르다고 경고해주는 것이다. let a = "hello" a = "bye" a = 1 이와같이 첫 번째 a = "bye..

자바스크립트는 진짜 오류를 거의 만들지 않는다. 그냥 어떻게든 실행시켜줄려고 한다. 그래서 아래와 같은 코드도 작동이된다. [1, 2, 3, 4] + false // '1,2,3,4false' 이런식으로 array와 boolean을 그냥 string으로 만들어서 합쳐버린다. 엄청 이상한 일인데 자바스크립트는 아무렇지 않듯이 작동시켜준다. 다른 언어는 이를 허용하지 않는다. 허용되서는 안 되는 코드인데 허용이 된다니 .... 바로 이게 자바스크립트의 가장 큰 단점중에 하나이다. 이상적인 상태는 저렇게 했을때 자바스크립트가 저 부분이 잘못되었다고 알려주는 것이다. "왜 배열에 boolean을 더하려고 하나요?" 라고 말이다. 다른 경우도 보자 function divide(a, b) { rueturn a/b ..