55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결함수형 프로그래밍과 JavaScript ES6+
일반 함수 앞에 L이 붙으면 뭐가 달라지나요 ?
L이 붙은것과 안붙은 거의 차이가 뭐에요 ??... 강의를 다 들었는데 도무지 뭐가 다른건지 이해가 안가요 ㅠㅠ
- 미해결함수형 프로그래밍과 JavaScript ES6+
유명함수 recur를 이용하는 것이 성능상 이점이 있는 이유에 대해서 좀 더 자세한 설명을 듣고 싶습니다.
reduce 함수를 아래와 같이 수정하고 go함수를 실행시킬 경우 acc를 acc = acc instanceof Promise ? acc.then(acc => f(acc, a)):f(acc, a);로 작성한 구현보다 성능상 이점이 있다고 하셨는데 어떤 점에서 그런지 좀 더 자세히 설명해주실 수 있을까요? 특히 콜스택과 관련해서 어떤 차이가 있는지 잘 이해가 안 되네요. Promise에서 then은 매번 새로운 콜스택을 사용하면서 추가적인 로드가 발생하는 것인가요? 재귀함수를 호출하면서 생기는 약간의 추가 로드도 있을 것 같은데, then에서의 콜스택 사용과 비교했을 때에 성능상 이점이 크기 때문에 이렇게 구현해서 사용하는 것인가요? go, pipe, reduce에서 비동기제어편 약 5분 45초 이후에 설명된 부분입니다. const reduce = curry((f, acc, iter) => { if (!iter) { iter = acc[Symbol.iterator](); acc = iter.next().value; } else { iter = iter[Symbol.iterator](); } return (function recur() { let cur; while (!(cur = iter.next()).done) { const a = cur.value; acc = f(acc, a); if (acc instanceof Promise) { return acc.then(recur); } } return acc; })(acc); }); go( 1, (a) => a + 10, (a) => Promise.resolve(a + 100), (a) => a + 1000, console.log );
- 미해결함수형 프로그래밍과 JavaScript ES6+
함수형 프로그래밍에 대해 궁굼한게 있습니다!
함수형 프로그래밍을 사용 하려고 할 때 (map, reduce, filter등등) 이 함수들의 기본꼴을 작성하고 이걸 적용하는 거 같은데, 그래서 코드가 길어지니 lib폴더를 만들어서 이 함수들의 기본꼴을 넣어놓고 재사용 하는 식이 잖아요. 그렇다면 나중에 이 함수들을 사용하고 싶을 때는 이 함수들의 로직을 외워두고 폴더에다 담아둬서 끌어다 쓰는 방법말고 공식문서나 라이브러리 같은 것을 설치해서 쓸 수 있는 방법은 없을까요 ? 다 외운다면 100점이겠지만 조금 쉬운 방법으로 나아가 보는 방법도 있을까 해서 여쭤봅니다 :)
- 미해결함수형 프로그래밍과 JavaScript ES6+
이터러블은 explore 브라우저에서 사용 불가능 한가요?
Iterator 를 적용해서 프로젝트에 사용하고 싶은데 explore에서도 작동해야 되는데 불가능할까요 ?? 이터레이터의 next().value 라는 함수를 사용하고 싶습니다.
- 미해결함수형 프로그래밍과 JavaScript ES6+
강의 후반 변경된 map, filter,reduce 함수 질문
강의 초반에는 이터러블 인자를 굳이 이터레이터로 바꾸는 코드를 작성하지 않았는데 강의 중후반에는 좀 이터러블 인자를 이터레이터로 만들어주는 코드를 작성한 이유가 있을까요?? 강의중 예시에는 iter에 들어오는 인자가 거의 다 well form이터레이터라 인자 자체가 이터러블이자 이터레이터라 굳이 코드 작성시 필요가 없어보였거든요..
- 해결됨함수형 프로그래밍과 JavaScript ES6+
for in문은 [Symbol.iterator]없이 순회를 할 수 있는 이유가 무엇인가요?
[Symbol.iterator]가 존재하지 않기에 for in문을 사용하는 것까진 이해를 했습니다! 실제 로그를 찍어봐도 undefined로 정의되지 않았더라구요. 어떤 것을 이용해서 순회를 진행하는지 알 수 있을까요? 감사합니다
- 해결됨함수형 프로그래밍과 JavaScript ES6+
Object 프로토타입에 등록해서 쓰면 불이익이 있을까요?
Object.prototype.map = function (f) { const result = []; for (const el of this) result.push(f(el)); return result; }; 제 생각에 이런 식으로 정의를 하면 기존의 Array.prototype.map메서드 처럼 체이닝해서 사용할 수 있을 것 같다고 생각을 했어요. 가독성 측면에서 더 나아지지 않을까 생각을 했습니다. 이렇게 사용했을 때 불리한 점이 있을까 궁금해서 질문드려봅니다.
- 미해결함수형 프로그래밍과 JavaScript ES6+
일급 함수에 대해 질문이 있습니다.
안녕하세요. 강의 잘 듣고 있습니다. 일급 함수에 대해 궁금한 것이 있습니다. 일급의 조건에 보면 함수의 결과로 사용될 수 있다고 했는데요, 그러면 forEach와 같이 어떠한 값을 return하지 않는 함수는 일급 함수가 아닌가요?
- 미해결함수형 프로그래밍과 JavaScript ES6+
웹스톰 옆에 크롬 콘솔이 웹스톰의 결과값을 출력하는 방식이 궁금합니다(환경구축 질문)
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다. 선생님처럼 웹스톰으로 코드를 작성하고 그 결과값을 크롬 콘솔로 출력을 허고 싶은데 연동을 어떻게 하는 것인지 궁금합니다 웹스톰의 출력으로는 함수를 출력할 경우 그냥 function 이라고만 출력이 되서 (원했던 출력값 ()=>1) 요 ㅜ 답변주시면 감사하겠습니다
- 미해결함수형 프로그래밍과 JavaScript ES6+
go를 정의할 수 없다고 떠요 ㅜㅜ!
<script> const products = [ {name: '반팔티', price: 15000 }, {name: '긴팔티', price: 20000 }, {name: '핸드폰케이스', price: 15000 }, {name: '후드티', price: 30000 }, {name: '바지', price: 25000 } ]; go( products, products => filter(p => p.price < 20000, products), products => map(p=> p.price, products), price => reduce(add, prices), console.log ); // </script> 코드창에 이렇게 작성했는요! 콘솔창에 이런 메시지가 뜨는데 어떻게 해결해야 되나요 ? Uncaught ReferenceError: go is not defined
- 미해결함수형 프로그래밍과 JavaScript ES6+
수량이 바뀌었을 때 합계 또는 총 가격 변경
혹시 input 값이 바뀌면 동적으로 렌더링하는 방법은 없나요?
- 미해결함수형 프로그래밍과 JavaScript ES6+
lodash 사용 유무에 대한 질문.
선생님께서는 현업에서 lodash 라이브러리를 사용하는 것에 대해 어떻게 생각하는지 궁금합니다. 필요한 함수들을 전부 직접 만들어 사용하시는 편이신가요?
- 미해결함수형 프로그래밍과 JavaScript ES6+
사용하시는 개발 툴이 뭔지 궁금합니다....
되게 편리한거 같아서 여쭈어 봅니다...
- 미해결함수형 프로그래밍과 JavaScript ES6+
질문이 있습니다.
const pipe = (...fs) => (a) => go(a, ...fs); 이 부분에서 이해가 잘되지 않는데요. pipe 라는함수는 여러개의 함수 파라미터를 받습니다. 그 후에 (a) => go(a, ...fs) 를 반환하는데 이 함수는 a라는 파라미터를 필요로 하고 go(a, ...fs) 를 리턴하는 함수를 리턴하게 된다. 라고 생각하도 될까요 ? 그래서 f라는 함수가 정의된 부분을 보면 pipe함수에 여러개의 함수 파라미터를 전달하는것 같습니다. f는 그러면 ( a라는 파라미터를 필요로 하고 go(a, ...fs) 를 리턴하는 함수를 리턴) 하게 되는것 같습니다. 최종적으로 f(0) 은 0이라는 파라미터를 받고 go(0, ...fs) 를 실행하게 됩니다.... 이렇게 이해하는게 맞나요???
- 미해결함수형 프로그래밍과 JavaScript ES6+
질문이있습니다.
const go = (...ags) => reduce( ... 이 함수 작성하실 때 ...agrs 라고 표현하신거는 하나가 아닌 여러개의 파라미터가 들어가기 때문에 ... 이라고 표현하신거죠 ??
- 미해결함수형 프로그래밍과 JavaScript ES6+
설정방법
질문에 앞서 새해 인사드립니다. 선생님~ 2021년 대박나시고 좋은 일 많으시길 기도합니다!!! 구글링 해봤는데 실력이 없어서 원하는 방법을 찾지 못해서 선생님께 질문드립니다. 강의 중 log로 console.log를 대체해서 사용하셔서 궁금했는데요. 저와같은 궁금으로 질문을 하신 분의 글에 선생님께서 const log = console.log; 이렇게 할당해서 사용하신다는 답변 글을 봤습니다. 그럼, 콘솔 창 최상단에 선언해서 사용하시는 건가요? 아니면, webstorm이나 크롬 devtool에 추가로 설정해서 사용하시는 건가요? 읽어주셔서 감사합니다!!!
- 미해결함수형 프로그래밍과 JavaScript ES6+
Symbol.iterator 에 관해서
현재 저는 자바스크립트에 대해 정확한 문법을 100% 숙지한 사람은 아닙니다. 그래서 순회를 하는 과정에서 let iter = arr[Symbol.iterator] << 여기서 [] 안에 Symbol.iterator가 이해가 잘 안되더라고요 . 그래서 Symbol에 대한 js 지식들을 찾아보았지만 여전히 이해하기가 어려웠습니다. 그래서 현재 생각한 방법이 두 가지가 있습니다. 1. "우선은 [Symbol.iterator] 에 대해서는 iterator를 해주기 위함이다." 앞과 같이 알아만 두고 다음으로 진행을 한다. 2. 지금 강사님께 어디서부터 봐야한다는 것을 확인 후 거기서 부터 공부를 한 후 다음 강의로 넘어간다. 만약 중요한 부분이고, 꼭 필요한 이해라고 하면 2번을 선택할 생각입니다. 때문에 어떤 방향을 선택하는 것이 좋을지 궁금합니다.
- 미해결함수형 프로그래밍과 JavaScript ES6+
yield
왜 if false 이면 yield 를 스킵하죠?
- 해결됨함수형 프로그래밍과 JavaScript ES6+
curry를 이용하지 않고 작성해봤는데, 이런방식도 괜찮나용?
const sum = (f) => pipe( map(f), reduce(add), ); const total_quantity = sum( p => p.quantity ); log(total_quantity(products)); const total_price = sum( p => p.price * p.quantity ); log(total_price(products));
- 미해결함수형 프로그래밍과 JavaScript ES6+
강의대상
자바스크립트의 함수형프로그래밍을 배울수있는 좋은강의를 들을수있어 감사드립니다. 그런데 보다보니 예제도 그렇고 d2 에올라온 영상도 그렇고 함수형프로그래밍이 프론트엔드와 밀접하다 생각이 드는데 실무에서 프론트엔드 개발자와 많은 연관이 있는지 궁금합니다! 잘못생각한거라면 죄송합니다 ㅎㅎ;;