도록

함수 선언시 function* (){}와 같이 *을 붙여서 선언한다. 함수 내부에서 yield가 있을 때마다 멈추고 대기 상태가 되며, next가 실행될 때마다 대기하던 yield를 지나쳐 실행된다.var addCoffee = function (name) {    return new Promise(resolve => {         setTimeout(() => {             coffeMaker.next(prevName ? `${prevName}, ${name}` : name;         }, 500);    });}var coffeGenerator = function* () {    const espresso = yield addCoffee("", "에스프레소");    console...

문제 설명 (링크)휴대폰의 자판은 컴퓨터 키보드 자판과는 다르게 하나의 키에 여러 개의 문자가 할당될 수 있습니다. 키 하나에 여러 문자가 할당된 경우, 동일한 키를 연속해서 빠르게 누르면 할당된 순서대로 문자가 바뀝니다.예를 들어, 1번 키에 "A", "B", "C" 순서대로 문자가 할당되어 있다면 1번 키를 한 번 누르면 "A", 두 번 누르면 "B", 세 번 누르면 "C"가 되는 식입니다.같은 규칙을 적용해 아무렇게나 만든 휴대폰 자판이 있습니다. 이 휴대폰 자판은 키의 개수가 1개부터 최대 100개까지 있을 수 있으며, 특정 키를 눌렀을 때 입력되는 문자들도 무작위로 배열되어 있습니다. 또, 같은 문자가 자판 전체에 여러 번 할당된 경우도 있고, 키 하나에 같은 문자가 여러 번 할당된 경우도 있습..

Null 병합 연산자 (??)좌변이 null 이나 undefined 일 때만 우변을 평가합니다.console.log(null ?? 'right');              // 출력: rightconsole.log(undefined ?? 'right');    // 출력: rightconsole.log('' ?? 'right');                   // 출력: ''console.log(0 ?? 'right');                  // 출력: 0

객체 Destructuring 1) 다중 속성 추출const coffe = {    name : '커피',    price : 4000};const { name, price } = coffe;console.log(name);   // 커피console.log(price);    // 4000 2)함수 매개변수function menu({name, age}) {  console.log(`오늘의 커피는 ${name}이고 가격은 ${age}원입니다.`)}const todayCoffe = {    name : '카페라떼',    price : 5000};menu(todayCoffe);  배열 Destructuringconst colors = ['red', 'orange', 'yellow', 'green'];con..

일급 객체1. 무명의 리터럴로 생성할 수 있다. 즉 런타임에 생성이 가능하다.2. 변수나 자료구조에 저장할 수 있다.3. 함수의 매개변수에 전달할 수 있다.4. 함수의 반환값으로 사용할 수 있다. 함수 객체의 프로퍼티1. arguments : 매개변수 객체 순회 가능한 유사 배열 객체이며,함수 내부에서 지역 변수처럼 사용된다.매개변수 개수를 확정할 수 없는 가변 인자 함수를 구현할 때 유용하다. 2. caller : 함수 자신을 호출한 함수.참고) 비표준 프로퍼티이기에 사용하지 말자 3. length : 선언한 매개변수의 개수arguments.length와 함수 객체의 length는 다른 수 있다.  4. name : 함수의 이름  5. __proto__ 접근자 : [[prototype]] 내부 슬롯이 ..

생성자 함수 자바스크립트는 new 연산자와 함께 사용하는 여러 빌트인 생성자 함수를 제공한다.new String('Hello');new Number(123);new Boolean(true);new Function('x', 'return x * x');new Array(1 ,2, 3);new RegExp(/ab+c/i);new Date(); 객체 리터럴 방식으로 이용하면 되는데 왜 생성자를 제공할까?  생성자의 장점 동일한 프로퍼티를 갖는 객체를 여러 개 생성해야 하는 경우, 리터럴보다 효율적이다. 객체(인스턴스)를 생성하기 위한 템플릿처럼 생성자 함수를 사용하여 동일 프로퍼티 구조의 객체를 여러개만들 때 간편하다. // 방법 1) 리터럴 방식const  circle1 = {    radius: 5,   ..