본문 바로가기

Javascript

Javascript 2022. 9. 12. filter 함수를 구현해보자 - JS ES6+ 함수형 프로그래밍 - 14 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com Array.prototype.filter() 함수는 어떠한 데이터가 구성되어 있다고 했을때, 주어지는 조건문에 따라 특정 값 이상 또는 이하의 값을 걸러내는 함수이다. 이 filter 함수를 for...of 문으로 구현해본다고 하면, const prod..
Javascript 2022. 9. 11. JS - 이터러블 프로토콜을 따른 map 의 다형성 (2) - JS ES6+ 함수형 프로그래밍 - 13 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 이터러블 프로토콜을 따랐을때의 조합성에 대해서 한가지 사례를 더 살펴보자 let m = new Map(); m.set("a", 10); m.set("b", 20); const mit = m[Symbol.iterator](); console.log(mit..
Javascript 2022. 9. 11. JS - 이터러블 프로토콜을 따른 map 의 다형성 (1) - JS ES6+ 함수형 프로그래밍 - 12 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 이 내용은 이전 게시물과 이어지는 내용입니다. 이전 게시물에서 만들어본 map 함수는 이터러블 프로토콜을 따르기 때문에 다형성이 굉장히 높다 먼저, Array.prototype.map 함수를 이용해 querySelectorAll 을 통해 생긴 배열을 m..
Javascript 2022. 9. 11. map 함수를 구현해보자 ( feat.이터러블 프로토콜 ) - JS ES6+ 함수형 프로그래밍 - 11 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 우선, 사용할 데이터를 먼저 구성해보자 const products = [ { name: "반팔티", price: 15000 }, { name: "긴팔티", price: 20000 }, { name: "핸드폰케이스", price: 15000 }, { na..
Javascript 2022. 9. 11. for...of, 전개 연산자, 구조 분해, 나머지 연산자 - JS ES6+ 함수형 프로그래밍 - 10 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 제너레이터는 이터러블 / 이터레이터 프로토콜을 따르고 있기 때문에, for...of 같은 이터러블 / 이터레이터 프로토콜을 따르는 문법 또는 많은 라이브러리들 과 함께 사용될수 있다. function* infinity(i = 0) { while (tru..
Javascript 2022. 9. 9. JS - 제너레이터를 이용한 홀수 반환 함수 - JS ES6+ 함수형 프로그래밍 - 9 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 제너레이터를 활용해 홀수만 계속해 발생시키는 이터레이터를 만들어서 순회하는 함수를 만들어보자 function* odds() { yield 1; yield 3; yield 5; yield 7; } let iter2 = odds(); console.log(..
Javascript 2022. 9. 9. 제너레이터와 이터레이터 - JS ES6+ 함수형 프로그래밍 - 8 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 제너레이터란? 이터레이터 이자 이터러블을 생성하는 함수를 말한다. 다시 말하자면, 이터레이터를 리턴하는 함수이다. // 제너레이터 : 이터레이터 이자 이터러블을 생성하는 함수 // yield 를 통해서 몇번의 next 를 사용해 값을 꺼내게 해줄 것인지..
Javascript 2022. 9. 9. 전개 연산자 ( Spread Operator ) - JS ES6+ 함수형 프로그래밍 - 7 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 전개 연산자도 마찬가지로 이터러블 / 이터레이터 프로토콜을 따른다. let a = [1, 2]; console.log(...a); // 1 2 console.log([...a, ...[3, 4]]); // [1, 2, 3, 4] a[Symbol.iter..
Javascript 2022. 9. 9. 사용자 정의 이터러블, 이터러블 / 이터레이터 프로토콜 정의 - JS ES6+ 함수형 프로그래밍 - 6 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 사용자 정의 이터러블을 구현하면서 이터러블에 대해서 더 정확하게 알아보자 // iterable 이라고 하는 값을 직접 정의해보자 const iterable = { // iterable 값은 Symbol.iterator 를 구현하고 있어야 됀다. // S..
Javascript 2022. 9. 8. Array, Set, Map 을 통해 알아보는 이터러블 / 이터레이터 - JS ES6+ 함수형 프로그래밍 - 5 본 시리즈는 인프런 강의 함수형 프로그래밍과 JavaScript ES6+ ( 지식 공유자 : 유인동 님 ) 의 강의를 수강하면서 내용을 제 방식대로 포스팅하는 글입니다. 함수형 프로그래밍과 JavaScript ES6+ - 인프런 | 강의 ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, www.inflearn.com 환경 : node.js 기반, 동작하지 않는것은 브라우저 환경 array, set, map 모두 for of 문으로 순회할수 있다. 각각의 차이점과 공통점을 살펴보면서 es6 에서 for of 문이 어떻게 동작하고 어떻게 리스트를 es6 에서 순회하는지..

티스토리툴바