📚 Reference

• 공식 문서 1

📜 Chapter

‣

‣

‣

Generator

yield

• yield

Yield 패턴

• Yield 패턴
• 양보 패턴
• Yield(양보) 패턴은 한 번에 실행하면 1~2초씩 걸리는 거대하고 무거운 JavaScript 작업을 작은 조각(Chunk)으로 쪼갠 뒤, 조각 사이마다 브라우저에게 제어권을 넘겨주는(Yield) 설계 방식이다.
• 보통 JavaScript에서 Scheduler(최신 브라우저 API)나 setTimeout(fn, 0)을 활용해 구현하거나, 제너레이터(function*) 함수를 통해 구현한다.
• 긴 작업을 한 번에 끝까지 실행하지 않고, 중간중간 브라우저나 이벤트 루프에게 실행권을 넘겨주는 방식이다.
• 내 작업이 오래 걸리니까, 중간에 잠깐 양보해서 화면 렌더링, 클릭 이벤트, 스크롤 같은 작업도 처리하게 해주자.

예시

• 한 사람이 100장의 서류에 사인을 해야 한다. 사인을 멈추지 않고 100장 다 할 때까지 다른 사람의 질문에 절대 대답하지 않는다면 주변 사람들이 답답해한다. Yield 패턴은 "서류 5장 사인하고, 고개 들어서 주변에 급한 일 없는지 확인하고, 다시 5장 사인하기"를 반복하는 것이다. 중간에 질문(사용자 클릭)이 들어오면 바로 답변을 해줄 수 있게 된다.