클래스 클래스 1 class로 클래스를 정의하고, constructor로 생성자를 정의할 수 있다. 생성자 안에서 this를 이용해서, 멤버 변수를 정의할 수 있다. 밑에는 메서드를 정의하고있다. sayHello 메서드 안에서는 this로 멤버 변수에 접근할 수 있다. $(this.name) 클래스를 이용해 객체를 만들 때에는 new 키워드를 만들면된다. new Person의 'mike'는 생성자의 매개변수로 전달이된다. 이렇게 만들어진 객체로 위에서 정의한 메서드를 호출할수있다. class Person { constructor(name) { this.name = name; } sayHello() { console.log(`hello~ ${this.name}!`); } } const person = ne..

섹션 6. 제너레이터 제너레이터 1 (iterable, iterator) 함수의 실행을 중간에 멈추고, 재개할 수 있는 독특한 기능 실행을 멈출 때 값을 전달할 수 있기 때문에, 반복문에서 제너레이터가 전달하는 값을 하나씩 꺼내서 사용할 수 있다. 이는 배열이 반복문에서 사용되는 방식과 같음 다만 제너레이터는 배열과 달리 값을 미리 만들어 놓지 않는다. (값을 미리 만들어놓으면, 불필요하게 메모리를 사용하는 단점이 있기에) 제너레이터를 사용하면, 필요한 순간에 값을 계산해서 전달할 수 있기 때문에 메모리 측면에서 효율적 *와 함께 정의된 함수와 함수가 반환하는 제너레이터 객체로 구성이 된다. 제너레이터 함수 안에서 yield 키워드를 사용하면, 함수의 실행을 멈출 수 있다. function* f1() {..

잠깐, 참고하자 https://frontj.com/entry/7-Javascript%EC%9D%98-this%EC%99%80-execution-context 7. Javascript의 this와 execution context this와 execution context 자바스크립트의 혼란스러운 개념 중 하나로 this키워드에 대해 알아보도록 하겠습니다. 더불어 실행 컨텍스트(execution context)도 간단히 알아보겠습니다. 실행 컨텍스트 또한 frontj.com https://frontj.com/entry/8-Javascript%EC%9D%98-%EC%BD%9C-%EC%8A%A4%ED%83%9D%EA%B3%BC-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%A3%A8%ED%94%84 ..

퀴즈 링크 : https://inflearn-quiz.vercel.app/javascript 실전 자바스크립트 퀴즈 inflearn-quiz.vercel.app 퀴즈는 위의 링크를 통해 해보면 되고, 소스내에 정리를 하였다. 이는 기텁을 참고하기 바란다. https://github.com/ddo0ii/functional-javascript-01/tree/main/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%20%EC%A0%9C%EB%8C%80%EB%A1%9C%20%EB%B0%B0%EC%9B%8C%EB%B3%BC%EB%9E%98 GitHub - ddo0ii/functional-javascript-01: inflearn에서 '함수형 프로그래밍과 JavaS..