[인프런 워밍업 스터디 클럽 2기 FE] 정지형 2주차 발자국

2024-10-14T12:04:22.049Z

정지형

💡 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

웹 개발 워밍업클럽 FE 과제

답변 0