Thumbnail
BEST 개발 ・ 프로그래밍 웹 개발
함수형 프로그래밍과 JavaScript ES6+
(4.9)
95개의 수강평 ∙ 1844명의 수강생

55,000원

지식공유자 : 유인동
총 71개 수업˙총 8시간 7분
평생 무제한 수강
수료증 발급 강의
초급 대상
내 목록 추가 1124 공유
leehyunju 프로필

go를 정의할 수 없다고 떠요 ㅜㅜ! leehyunju 9일 전
<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

1
대현 프로필

수량이 바뀌었을 때 합계 또는 총 가격 변경 대현 12일 전
혹시 input 값이 바뀌면 동적으로 렌더링하는 방법은 없나요?

2
이성현 프로필

lodash 사용 유무에 대한 질문. 이성현 14일 전
선생님께서는 현업에서 lodash 라이브러리를 사용하는 것에 대해 어떻게 생각하는지 궁금합니다. 필요한 함수들을 전부 직접 만들어 사용하시는 편이신가요?

2
ki mu 프로필

사용하시는 개발 툴이 뭔지 궁금합니다.... ki mu 14일 전
되게 편리한거 같아서 여쭈어 봅니다...

1
ki mu 프로필

질문이 있습니다. ki mu 15일 전
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) 를 실행하게 됩니다....  이렇게 이해하는게 맞나요???

1
ki mu 프로필

질문이있습니다. ki mu 15일 전
const go = (...ags) => reduce( ... 이 함수 작성하실 때  ...agrs 라고 표현하신거는 하나가 아닌  여러개의 파라미터가 들어가기 때문에 ... 이라고 표현하신거죠 ??

1
소나무 프로필

설정방법 소나무 16일 전
질문에 앞서 새해 인사드립니다. 선생님~ 2021년 대박나시고 좋은 일 많으시길 기도합니다!!! 구글링 해봤는데 실력이 없어서 원하는 방법을 찾지 못해서 선생님께 질문드립니다. 강의 중 log로 console.log를 대체해서 사용하셔서 궁금했는데요. 저와같은 궁금으로 질문을 하신 분의 글에 선생님께서 const log = console.log; 이렇게 할당해서 사용하신다는 답변 글을 봤습니다. 그럼, 콘솔 창 최상단에 선언해서 사용하시는 건가요? 아니면, webstorm이나 크롬 devtool에 추가로 설정해서 사용하시는 건가요? 읽어주셔서 감사합니다!!!

3
tlsrid88 프로필

Symbol.iterator 에 관해서 tlsrid88 18일 전
현재 저는 자바스크립트에 대해 정확한 문법을 100% 숙지한 사람은 아닙니다.  그래서 순회를 하는 과정에서  let iter =  arr[Symbol.iterator] << 여기서 [] 안에 Symbol.iterator가 이해가 잘 안되더라고요 . 그래서 Symbol에 대한 js 지식들을 찾아보았지만 여전히 이해하기가 어려웠습니다.  그래서 현재 생각한 방법이 두 가지가 있습니다.  1. "우선은 [Symbol.iterator] 에 대해서는 iterator를 해주기 위함이다." 앞과 같이 알아만 두고 다음으로 진행을 한다.  2. 지금 강사님께 어디서부터 봐야한다는 것을 확인 후 거기서 부터 공부를 한 후 다음 강의로 넘어간다.  만약 중요한 부분이고, 꼭 필요한 이해라고 하면 2번을 선택할 생각입니다. 때문에 어떤 방향을 선택하는 것이 좋을지 궁금합니다. 

1
STAN_MPCS 프로필

yield STAN_MPCS 21일 전
왜 if false 이면 yield 를 스킵하죠?

1
미리바니 프로필

curry를 이용하지 않고 작성해봤는데, 이런방식도 괜찮나용? 미리바니 1달 전
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));

1
헙코딩신 프로필

강의대상 헙코딩신 1달 전
자바스크립트의 함수형프로그래밍을 배울수있는 좋은강의를 들을수있어 감사드립니다. 그런데 보다보니 예제도 그렇고 d2 에올라온 영상도 그렇고 함수형프로그래밍이 프론트엔드와 밀접하다 생각이 드는데 실무에서 프론트엔드 개발자와 많은 연관이 있는지 궁금합니다! 잘못생각한거라면 죄송합니다 ㅎㅎ;;

1
헙코딩신 프로필

이터레이터 질문드립니다! 헙코딩신 1달 전
순회가능한 자료구조 즉 이터레이터를 가지고있는 것을 이터러블이라하고  그 이터러블이 리턴하는것은 이터레이터 이고 이터레이터는 next 함수를 가지고있고 넥스트함수 가 리턴하는것은 순회중인 값과 순회완료여부를 반환합니다 이것을 이터레이션프로토콜 이라고합니다 라고 정리해보았습니다 ! 혹시 제가 잘못짚은 부분이있을까요??

1
헙코딩신 프로필

Array.prototype.map 헙코딩신 1달 전
기존구현된 Array.prototype.map reduce filter 와는 다른개념인건가요 ?? 같은동작을 수행하도록 구현했다고 이해하면될까요?? 그렇다면 map filter reduce 라고 칭하는 이유는 왜그런지 궁금합니다 . 만약 그렇다면 함수명을 다르게 써도되는건가요??

2
3220ju 프로필

일급함수에서 매개변수에 콜백함수를 넣는 경우 3220ju 1달 전
일급함수를 매개변수에 콜백함수를 넣는 경우에는 콜백 함수도 일급 함수라고 할수 있나요? const test = (callback) => { callback(10); } test((text) => {console.log(text)});

1
cyk000418 프로필

L함수와 C함수가 잘 정리되지 않아 질문드립니다 cyk000418 1달 전
여기까지 강의를 들으면서 L,C 함수들을 모두 배우고 나니 정리가 완벽히 되지 않아 질문드립니다. L함수는 모든 검사를 시행하지않고 원하는 결과를 얻을 수 있고, C함수는 병렬적으로 한번에 작업을 한다는 정도로는 이해가 되는데, 그래서 이게 어떤 의미가 있고, 구체적으로 어떤 경우에 사용하며, 언제 사용하면 안되는지 등 정리가 되지 않아 실제로 적용해볼 수 있을지 걱정됩니다. 물론 js 공부가 아직 많이 미흡하기도 하고 여러번 봐야겠지만 혹시 도움을 주실 수 있을지 해서 질문드립니다.

1

55,000원

내 목록 추가 1124 공유
지식공유자 : 유인동
총 71개 수업˙총 8시간 7분
평생 무제한 수강
수료증 발급 강의
초급 대상
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스