타입스크립트 썸네일형 리스트형 [TypeScript] for in 문 - 배열의 인덱스값을 반복 for ... in 문은 배열의 인덱스값을 반복한다. const alpha = ['A', 'B', 'C'] for (let index in alpha) { console.log(alpha[index]); } // 결과 // A // B // C 더보기 [TypeScript] 객체 반환하는 함수 만들기 한줄로 함수를 만드는 경우 다음과 같이 만든다면 객체를 반환하지 않고 오류 발생한다. Left side of comma operator is unused and has no side effects. // Error const member = (name: string, age: number = 10): {name: string, age: number} => {name, age} 그 이유는 객체가 복합 실행문으로 컴파일러가 해석하기 때문이다. 따라서 객체를 반환시키기 위해서는 '()'를 사용하여 복합 실행문이 아니라는 것을 명시한다. const member = (name: string, age: number = 10): {name: string, age: number} => ({name, age}) cons.. 더보기 [TypeScript] 단축 구문(shorthand) - {a:a, b:b} = {a, b} 단축 구문(shorthand)는 매개변수와 변수의 이름이 똑같은 경우 속성값의 부분을 생략하여 사용 const hi = (a: string, b: string) => { return {a, b}// {a: a, b: b} } console.log("hello", "world");// {"a": "hello", "b": "world"} 더보기 [Typescript] 선택적 매개변수 사용 방법 - 매개변수 뒤에 물음표 함수의 매개변수에 물음표를 붙임으로써 매개변수를 선택적으로 사용 // case 1 function hi(a: string, b?: string) { console.log(a, b); } add("hello", "world!")// hello world! add("hello")// hello undefined // case 2 const hi => (a: string, b?: string) { console.log(a, b); } add("hello", "world!")// hello world! add("hello")// hello undefined 더보기 yield 사용법 - 생성기(generator) 그리고 반복기와 반복기 제공자 yield란 yield는 마치 return 처럼 동작하며 정해진 구간을 순서대로 실행하며 반드시 'function*' 을 사용한 함수에서 사용합니다. 생성기 'function*' 로 만든 함수를 생성기(generator)라고 부릅니다. 주의할 점은 'function*'은 하나의 키워드이기때문에 화살표 함수[()=>{}]를 만들 수 없습니다. function* generator() { console.log('generator started...'); let value = 1; while (value < 4) { yield value++; } console.log('generator finished...'); } // case 1 for (let value of generator()) { console.lo.. 더보기 이전 1 2 다음