JavaScript 실습 튜토리얼

소개

이 랩에서는 일련의 실습을 통해 JavaScript 프로그래밍 개념과 기술을 탐구합니다. 이 랩은 실제 시나리오를 통해 연습함으로써 JavaScript 에 대한 더 깊은 이해를 얻고 프로그래밍 기술을 향상시키는 데 도움이 되도록 설계되었습니다. 함수 생성, 배열 및 객체 작업, DOM 조작을 통해 동적 웹 페이지를 만드는 등의 작업을 수행하게 됩니다. 이 랩을 마치면 JavaScript 프로그래밍에 대한 탄탄한 기반을 갖추게 되며, 지식을 활용하여 더 복잡한 애플리케이션을 구축할 수 있게 됩니다.

Repeat Generator 를 사용한 코드 연습

코딩 연습을 위해 터미널/SSH 를 열고 node를 입력하여 주어진 값을 무한정 반복하는 제너레이터 (generator) 를 생성합니다. 종료되지 않는 while 루프를 사용하여 Generator.prototype.next()가 호출될 때마다 값을 yield합니다. 그런 다음, 전달된 값이 undefined가 아닌 경우 yield 문의 반환 값을 사용하여 반환된 값을 업데이트합니다.

const repeatGenerator = function* (val) {
  let v = val;
  while (true) {
    let newV = yield v;
    if (newV !== undefined) v = newV;
  }
};

제너레이터를 테스트하려면 값 5를 사용하여 인스턴스를 생성하고 repeater.next()를 호출하여 시퀀스의 다음 값을 가져옵니다. 출력은 { value: 5, done: false }가 됩니다. repeater.next()를 다시 호출하면 동일한 값이 반환됩니다. 값을 변경하려면 repeater.next(4)를 호출하면 { value: 4, done: false }가 반환됩니다. 마지막으로 repeater.next()를 호출하면 업데이트된 값 { value: 4, done: false }가 반환됩니다.

요약

축하합니다! Repeat Generator 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.