typescript(9)
-
[typescript] Promise와 Async/Await 구문
동기와 비동기 API 동기란? 특정한 작업이 종료된 후 다음 줄의 작업을 실행하는 것을 의미하고 비동기란? 특정한 작업이 종료되기 까지 기다리는 것이 아니라 기다리지 않고 실행되는 것이다. js에서는 대부분의 작업들이 특별한 처리를 해주지 않으면 자동적으로 비동기적으로 실행되는 부분들이 많다. 그렇기 때문에 라이브러리 사이에서는 비동기 방식과 동기 방식 모두 지원하는 것이 생기고 있다. 예를 들어 // 동기식 import {readFileSync, readFile} from 'fs'; console.log('read package.json using ...'); const buffer : Buffer = readFileSync('./package.json'); console.log(buffer.toStr..
2021.03.11 -
React native typescript 설정하기
[javascript/react-native] - React native 프로젝트 만들기(expo x) React native 프로젝트 만들기(expo x) 1. react-native cli 설치 npm install -g react-native-cli 2. react-nativce 프로젝트 만들기 react-native init projectname 3. 프로젝트 실행 ios를 실행시키고 싶으면 아래의 Run instructions for ios를 실.. hoony-gunputer.tistory.com 이전 글을 참고하여 먼저 프로젝트를 만들어 놓습니다. 1. 프로젝트에 타입스크립트 추가 명령어를 처음부터 차례대로 1. tyepscript 추가 2. typescript-transformer 추가 ht..
2020.04.02 -
typescript - this and arrow functions
this this는 함수를 호출할 때 생성된다. this는 파워풀하고 편리하지만 함수를 실행시키는데 비용이 발생한다. 또한 this는 특히 return을 해줄때나 파라미터로 넘겨줄 때 매우 혼란스럽고 악명높다. let deck = { suits: ["hearts", "spades", "clubs", "diamonds"], cards: Array(52), createCardPicker: function() { return function() { let pickedCard = Math.floor(Math.random() * 52); let pickedSuit = Math.floor(pickedCard / 13); return { suit: this.suits[pickedSuit], card: pickedCa..
2020.03.06 -
6. typescript - class
예전 부터 js에서는 함수 그리고 prototype-based를 사용한 상속으로 재사용가능한 컴포넌트들을 만들었습니다. 하지만 클래스가 기능을 상속하고 이러한 클래스로 부터 객체를 만드는 과정이 프로그래머가 편하게 객체지향으로 접근하기 어색합니다. ECMA-SCRIPT 6가 사용가능해지면서 클래스 기반의 접근이 가능해졌습니다. 타입스크립트에서 우리는 클래스를 사용할 수 있고 자바스크립트로 컴파일 하여 모든 주요 브라우저, 플랫폼에서 사용할 수 있습니다. class Greeter { greeting: string; constructor(message: string) { this.greeting = message; } greet() { return `Hello ${this.greeting}`; } } let..
2020.03.06 -
5. typescript - interfaces
타입 스크립트 중 가장 중요한 원리 중 하나는 값의 모형에 맞추어 집중하여 타입을 체크하는 것입니다. 이것은 duck typing(덕 타이핑) 또는 구조적 서브타이핑(structural subtyping)입니다. function printLabel(labelObj: { label: string }) { console.log(labelObj.label); } let myObj = { size: 10, label: "size 10 Obj" }; printLabel(myObj); 위 코드를 보면 labelObj를 받아서 비구조화 할당으로 label의 타입을 체크하고 있습니다. label이 string이라면 출력해주고 있습니다. 그러나 우리가 사용한 객체는 size라는 property를 갖고있는데도 타입 체크를..
2020.03.03 -
4. typescript - 변수 선언
변수 선언 let과 const는 js에서 상대적으로 새로나온 변수 선언 방법입니다. let은 var과 비슷하지만 재선언 등을 사용하지 못합니다. 그리고 const는 한번 적용한 값을 변환시킬 수 없는 변순 선언 법입니다. typescript는 js를 포함하고 있기 때문에 당연하게 let, const를 사용할 수 있습니다. 그래서 과거의 var를 사용하는 것 보단 let과 const를 사용하는 것이 더 바람직합니다. let var의 몇가지 문제 점들을 해결한 변수선언 방법이다. let은 var와 같은 방법으로 선언하여 사용할 수 있다. let hello = "Hello!"; block scope var는 function scope라서 함수를 기준으로 변수를 찾아와 사용하지만 let은 block scope ..
2020.02.29