💡 2주차 회고

중간 정검 라이브에 참가 하지 못했다..ㅠㅠ

아무래도 다음 워밍업 클럽에도 신청을 해야할 듯 싶다.

그래서 그런지 의욕이 떨어져버려서 과제가 밀려버렸지만 그래도 다시 의지를 다져보기로 했다!

다음에 또 참가하면 되지 한번 더 참가하면 복습도 되고 실력도 더 늘겠지? 완전 럭키비키잖아? 🍀

생각보다 이번 주차 미션은 더 난이도가 있어서 아직 못했는데 강의듣고 얼른 시작해야겠다!

📝 강의 내용 요약

자바스크립트

• 섹션 8 Iterator, Generator

  • Symbol - ES6에서 새로 추가된 원시 타입, 유니크한 식별자를 만들기 위해 사용.

  const sym = Symbol('hi');
  const sym2 = Symbol('hi');
  
  console.log(sym1 === sym2); //false

  • Iterator(반복기)

    • Iterable - 배열은 반복 가능한 객체, 반복이 가능하다는 것을 Iterable이라 부름.
      for..of를 이용할 수 있거나 [Symbol.iterator]() 값을 가지면 Iterable한 것.

    • Iterator - 반복자는 next()를 호출해서 {value:,done:}두 개 속성을 가지는 객체를 반환하는 객체

      • Iterator 직접 생성해보기

  function makeIterator(array) {
    let index = 0;
    return {
      next: function () {
        if (index < array.length) {
          return { value: array[index++], done: false };
        } else {
          return { value: undefined, done: true };
        }
      }
    };
  }
  
  const it = makeIterator([10, 20, 30]);
  
  console.log(it.next()); // { value: 10, done: false }
  console.log(it.next()); // { value: 20, done: false }
  console.log(it.next()); // { value: 30, done: false }
  console.log(it.next()); // { value: undefined, done: true }

  • Generator(생성기)

    • Generator 함수

      • function* 키워드를 사용하여 정의되며, 사용자의 요구에 따라 시간 간격으로 여러 값을 반환할 수 있습니다.

      • 일반 함수 => 단 한 번의 실행으로 함수 끝까지 실행됩니다.

      • 제너레이터 함수 => 사용자의 요구에 따라 일시적으로 정지될 수 있고, 다시 시작될 수도 있습니다.

function* generatorFunction() {
  yield 1; // yield - 사용한 지점에서 실행을 일시 중지합니다.
  yield 2;
  yield 3;
}

const number = generatorFunction();

console.log(number.next()); // { value: 1, done: false }
console.log(number.next()); // { value: 2, done: false }
console.log(number.next()); // { value: 3, done: false }
console.log(number.next()); // { value: undefined, done: true }

React (Seaction 5~6)

👩🏻‍💻 미션

• 비밀번호 생성 앱 6

• 타이핑 테스트 앱7

• 예산 계산기 앱 만들기 9

• 디즈니 플러스 앱 만들기(난이도 중) 10