전체 글

[타입스크립트] 제너레이터, 반복자(iterator) 추론과 명시

Generator 타입스크립트는 Generator가 yield를 통해 방출한 값을 토대로 반복자의 타입을 추론한다. 제너레이터 함수 반복자(iterator)와 제너레이터는 상생관계다. 제너레이터로 값의 스트림을 생성할 수 있고 반복자로 생성된 값을 소비할 수 있기 때문이다. 이터러블(iterable;반복할 수 있는)Symbol.iterator 라는 프로퍼티(반복자를 반환하는 함수)를 가진 모든 객체 반복자(iterator)next라는 메서드(value, done 두 프로퍼티를 가진 객체를 반환)를 정의한 객체 자바스크립트에서 제너레이터 함수를 호출하면 이터러블 반복자(IterableIterator)가 반환된다. 타입스크립트에서도 지원한다. //다음 피보나치 숫자를 계산하기 위해 a에 b를, b에 a+b를..

[AWS EC2] 인스턴스에서 톰캣이 잘 설치되지 않는 건

[JSP]윈도우에서 톰캣 설치와 톰캣 서버 구동 :: Kamang's IT Blog (tistory.com) [JSP]윈도우에서 톰캣 설치와 톰캣 서버 구동 윈도우에서 톰캣 설치와 구동하는 법에 대해서 알아보자. 사실 리눅스나 맥은 윈도우에 비하면 훨씬 쉽기 때문에 따로 포스팅할 필요는 없을것 같다. 먼저 톰캣 사이트에 들어간다. 그 다음 옆 kamang-it.tistory.com

[타입스크립트] 커피머신 클래스만들기 실습

//커피머신 만들기 type CoffeeCup = { orderShot: number; }; class coffeeMachine { private static ONE_SHOT_CAPSULE: number = 3; private static ONE_CUP_WATER: number = 10; static makeMachine(beans: number, water: number): coffeeMachine { return new coffeeMachine(beans, water); } constructor(private capsule: number = 3, private water: number = 10) {} makeCoffee(orderShot: number): CoffeeCup { if (this.caps..

[타입스크립트] 제너레이터 지원, 명시

제너레이터 함수 제너레이터 함수는 여러 개의 값을 생성하는 편리한 기능을 제공한다. 제너레이터 함수를 이용하면 값을 생산하는 속도도 정교하게 조정할 수 있다. //다음 피보나치 숫자를 계산하기 위해 a에 b를, b에 a+b를 한번에 다시 할당한다. function* createFibonacciGenerator() { let a = 0; let b = 1; while (true) { yield a; [a, b] = [b, a + b]; } } let fiboancciGenerator = createFibonacciGenerator(); //IterableIterator console.log(fiboancciGenerator.next()); //{ value: 0, done: false } console.l..

[자바스크립트] 제너레이터

Generator 제너레이터 함수는 여러 개의 값을 생성하는 편리한 기능을 제공한다. 제너레이터 함수를 이용하면 값을 생산하는 속도도 정교하게 조정할 수 있다. 제너레이터 함수는 게으르게 동작(즉, 소비자가 요청해야만 다음 값을 계산)하기 때문에 무한의 목록 생성하기 같은 까다로운 기능을 제공할 수 있다.) 제너레이터 함수는 다음처럼 동작한다. //함수명 앞에 붙은 * 은 이 함수가 제너레이터임을 의미한다. //제너레이터를 호출하면 이터러블 반복자가 봔환 function* createFibonacciGenerator() { let a = 0; let b = 1; while (true) { yield a; [a, b] = [b, a + b]; } } //다음 피보나치 숫자를 계산하기 위해 a에 b를, b에..

[타입스크립트] this 관련 오류

function fancyDate() { return console.log( `${this.getDate()} / ${this.getMonth()} / ${this.getFullYear()}` ); } fancyDate.call(new Date()); src/index.ts:74:8 - error TS2683: 'this' implicitly has type 'any' because it does not have a type annotation. 74 `${this.getDate()} / ${this.getMonth()} / ${this.getFullYear()}` ~~~~ src/index.ts:74:28 - error TS2683: 'this' implicitly has type 'any' becau..

[타입스크립트] class의 getter와 setter

class User { firstName: string; lastName: string; fullName: string; constructor(firstName: string, lastName: string) { this.firstName = firstName; this.lastName = lastName; this.fullName = `${firstName} ${lastName}`; } } let user = new User("Steve", "Jobs"); console.log(user.fullName); //Steve Jobs console.log(user.firstName); //Steve user.firstName = "Jimmy"; console.log(user.fullName); //Steve..