자바스크립트로 알아보는 함수형 프로그래밍 (ES5)

마플(http://www.marpple.com)의 CTO 유인동님이 알려주는 함수형 프로그래밍에 대한 강좌 입니다. 함수형 프로그래밍으로 라이브러리를 직접 만들어가며 함수형 프로그래밍의 패러다임과 코딩의 즐거움을 느낄 수 있습니다.

(4.9) 수강평 319개

수강생 13,244명

MDU 유인동

JavaScript 함수형 프로그래밍

초급자를 위해 준비한
[웹 개발, 프로그래밍 언어] 강의입니다.

이런 걸 배울 수 있어요

함수형 프로그래밍의 정의와 원리
자바스크립트에서의 순수 함수와 일급 함수
명령형 코드를 함수형 프로그래밍으로 리팩토링
컬렉션 중심 프로그래밍 기법
지연 평가와 클로저 이해 및 구현
실전 코드 조각을 통한 데이터 필터링 및 조작
비동기 상황 처리 및 프로미스 사용

프로그래밍 패러다임중 최근 관심이 높아지고 있는 함수형 프로그래밍을 자바스크립트로 통해서 알아보는 강좌입니다.순수 함수, 고차 함수, 응용형 함수, 파이프라인, 함수 조합 등의 개념을 다룹니다. 주요 함수형 함수인 map, filter, reduce 등을 구현해보고, 함수 조합 기법 등을 사용해보면서, 함수형 자바스크립트의 기초 개념들을 알아봅니다. (17년 6월에 인프런에서 열렸던 오프라인 세미나를 온라인 학습에 맞게 제작한 강의입니다.)

함수형 자바스크립트 프로그래밍 학습의 기반 지식들도 함께 학습하고 싶다면 지식공유자의 저서(링크) 와 함께 학습을 하는것을 추천합니다.

도움이되는 분들

함수형 프로그래밍 페러다임에 대해 알고 싶은 분
Javascript 개발자
라이브러리를 만들어 가는 과정을 알고 싶은 분
개발자 누구나

연관된 강좌

함수형 프로그래밍과 javascript ES6+
ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 무료강좌의 내용을 압축하고, 책에도 없는 새로운 코드들을 배웁니다.

함수형 프로그래밍과 javascript ES6+ 응용편
이 강좌의 후속강의 입니다.
이터러블과 함수형 프로그래밍을 더 깊이 다양하게 다룹니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

자바스크립트 기본기를 갖춘 분
함수형 프로그래밍에 관심 있는 개발자
코드 효율성과 가독성을 높이고 싶은 사람
실전 프로젝트에서 함수형 프로그래밍을 적용하고 싶은 사람
비동기 프로그래밍을 더 잘 이해하고 싶은 사람

안녕하세요
MDU 유인동입니다.

22,441

명

수강생

764

개

수강평

456

개

답변

4.9

점

강의 평점

개

강의

마플코퍼레이션 CTO
전 카카오, 엔씨소프트 오픈마루 스튜디오 개발자
마플개발대학 유튜브 채널, 온라인 커뮤니티
객체지향 FE 라이브러리 Rune 개발
함수형 라이브러리 FxTS 설계 참여
함수형 라이브러리 FxJS 개발
함수형 데이터베이스 쿼리 빌더 FxSQL 개발
함수형 DOM 조작 라이브러리 FxJS-DOM 개발
저서 함수형 자바스크립트 프로그래밍
함수형 자바스크립트 페이스북 그룹 운영
네이버, 넥슨, 카카오 개발자 대상 기술 교육, 기업 출강
다수의 온/오프라인 강의

커리큘럼

전체

22개 ∙ (6시간 38분)

섹션 1. 섹션 1. 함수형 프로그래밍 개요

4개 ∙ (44분)

섹션 2. 섹션 2. 함수형으로 전환하기

7개 ∙ (1시간 55분)

5. 회원 목록, map, filter
22:08
6. each
04:18
7. 다형성
13:13
8. 커링, curry, curryr
21:36
9. reduce
14:15
10. 파이프라인, _go, _pipe, 화살표 함수
19:56
11. 다형성 높이기, _keys, 에러
19:50

섹션 3. 섹션 3. 컬렉션 중심 프로그래밍

5개 ∙ (1시간 31분)

12. 수집하기 - map, values, pluck
15:30
13. 거르기 - reject, compact
08:45
14. 찾아내기- find, find_index, some, every
19:30
15. 접기 - reduce, min_by, max_by
15:01
16. 접기 - group_by, count_by, 조합
32:29

섹션 4. 섹션 4. 자바스크립트에서의 지연 평가

2개 ∙ (41분)

섹션 5. 섹션 5. 실전코드조각 1

2개 ∙ (1시간 14분)

섹션 6. 섹션 6. 실전코드조각 2

1개 ∙ (17분)

섹션 7. 섹션 7. 비동기

1개 ∙ (14분)

강의 게시일: 2018. 08. 14.

마지막 업데이트일: 2025. 05. 19.

수강평

전체

319개

4.9

319개의 수강평

Wiz Young
수강평 1
∙
평균 평점 5.0
2019. 12. 26.
5
100% 수강 후 작성
최고입니다.. 함수형 프로그래밍 입문으로 최고인거 같아요..
- MDU 유인동
  지식공유자
  2019. 12. 27.
  부족한 강의에.. 감사합니다.
jason seo
수강평 2
∙
평균 평점 5.0
2020. 11. 25.
5
55% 수강 후 작성
무료라기엔 강의가 너무 좋습니다.
Yongdae Kwon
수강평 1
∙
평균 평점 5.0
2019. 02. 28.
5
100% 수강 후 작성
유익하게 잘 보았습니다. 자바스크립트를 이용하는데에 있어서 개념적으로 큰 방향을 공부 할 수 있었습니다. 정말로 너무나 강의 잘 봤고 다음 강의하신 자바스크립트 강좌 결재하고 지금 보러 갑니다.
김태호
수강평 3
∙
평균 평점 5.0
2019. 02. 02.
5
100% 수강 후 작성
강좌 너무 잘 들었습니다. 말로만 들었던 함수형 프로그래밍의 기본적인 개념을 이해 할 수 있어서 너무 좋은 강좌였습니다. 실제 업무에서 적용하기 위해서는 정말 많은 노력이 필요 하겠지만 이 강좌 덕분에 기본 개념을 너무 잘 잡은거 같습니다. 감사합니다.
박제영
수강평 24
∙
평균 평점 4.8
2022. 08. 19.
5
59% 수강 후 작성
왜 무림인들이 비급을 찾아헤매고 비급 하나에 세가의 명운도 걸기도 하는지 알 수 있었습니다. 말씀 한 마디 한 마디가 헤아릴 수 없이 깊습니다. 이렇게 깊은 구결을 쉽게 풀어서 가르쳐주시니 감사한 마음뿐입니다. 객체지향을 1년반 정도 하다 함수지향을 하게되어 함수지향은 무엇일까..? 10개월 반 째 공부해도 뜬구름 같기만 하였는데 그 참된 의미의 실마리를 이곳에서 찾았습니다. 아직 강의 절반도 채 듣지 못하였음에도 내용의 깊이에 많은 것을 얻어갑니다. 무엇보다 재미있습니다. 감사합니다.

MDU 유인동님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

함수형 프로그래밍과 JavaScript ES6+

MDU 유인동

ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, map/filter/reduce, 파이프라인, 제너레이터를 통한 지연 평가, Promise 합성, 동시성/병렬성, async/await와 비동기 에러 핸들링 등을 배울 수 있습니다. 이 강좌를 습득하고 연습하여 중급 자바스크립트 개발자로 성장하세요!

초급

JavaScript, 함수형 프로그래밍

함수형 프로그래밍과 JavaScript ES6+ 응용편

MDU 유인동

이 강좌는 함수형 프로그래밍과 JavaScript ES6+의 시리즈 강좌로 다양한 응용 사례를 다룹니다.

중급이상

JavaScript, 함수형 프로그래밍

멀티패러다임 프로그래밍 1편: 반복자 패턴 & LISP (with TypeScript, Clojure, Kotlin)

MDU 유인동

중고급 개발자로 성장하기 위한 고급 프로그래밍 언어 활용 능력과, 함수형, 객체 지향, LISP 패러다임이 결합된 소프트웨어 설계 및 구현 능력을 기릅니다.

중급이상

멀티 패러다임 프로그래밍, TypeScript, 함수형 프로그래밍

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)

얄팍한 코딩사전

코알못도 따라올 수 있는 친절한 강좌! 현업 개발자는 자바스크립트 박사로 들어주는 끝판왕 강좌!

초급

JavaScript

자바스크립트 머신러닝 TensorFlow.js

김영보

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

중급이상

Tensorflow, JavaScript, 머신러닝

웹브라우저 Javascript (자바스크립트)

Egoing Lee

생활코딩 자바스크립트 강좌 입니다. 웹브라우저를 직접 제어할 수 있는 자바스크립트 레퍼런스를 공부해 봅니다.

초급

JavaScript

시나브로 자바스크립트

이은재

자바스크립트로 다양한 주제를 바닥부터 개발해 보며 튼튼한 실력의 기반과 자신감을 쌓아보세요.

중급이상

JavaScript, vanilla-js

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

초급

JavaScript, 면접, 기술면접

코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

제주코딩베이스캠프

제주에서 진행하는 부트캠프를 온라인으로! 빠르게 자신만의 서비스를 만들어보세요! :)

입문

HTML/CSS, JavaScript, Python

만들면서 배우는 리액트 : 기초

진유림

리액트를 가장 쉽고 빠르게 배울 수 있는 리액트 입문 강의입니다. 토이 프로젝트를 만들면서 개념과 실전 감각을 익히고 배포까지 3시간 만에 완성하는 알짜 강의! 초급, 중급, 고급으로 구성된 시리즈의 첫 번째 강의입니다 :)

초급

React, JavaScript

Do it! 자바스크립트 입문

이지스퍼블리싱

프런트엔드, 백엔드에 모두 쓰는 자바스크립트 실무 문법 웹 도서 1위 저자와 함께 한 권으로 끝내자!

초급

JavaScript, DOM

프론트엔드 개발 시 꼭 해봐야 하는 실무 예제 Part.2

유용한IT학습

더 이상 자바스크립트와 ES6을 따로 공부할 필요없습니다. 본 강의는 자바스크립트 프로그래밍 언어를 최신의 ES6 문법과 함께 학습하도록 기획된 과정입니다.

초급

JavaScript

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

웹 퍼블리셔를 위한 자바스크립트 & 제이쿼리 핵심이론 실전예제(교재, 완성본)

코딩웍스(Coding Works)

웹 퍼블리셔를 위한 JS 핵심이론 및 실전예제 교재 및 완성본은 PDF로 제작된 강의 교재입니다. 해당 교재는 웹 퍼블리셔가 꼭 알아야 하는 자바스크립트와 제이쿼리 기본기를 충실히 갖출 수 있는 역할을 합니다. 해당 교재 특징으로는 이론과 연결된 스몰미션(Small Mission)을 통해서 이론을 더욱 탄탄히 할 수 있습니다. 특히 배운 모든 이론을 활용한 실전 예제 역시 충실히 준비된 교재입니다. 해당 PDF 전체 페이지는 순수 자바스크립트(Vanlila JavaScript)와 제이쿼리(jQuery) 페이지 수는 320페이지 이상으로 코딩웍스가 쉽게 이해할 수 있도록 충분한 설명을 덧붙여 놓았습니다. 특히, 퍼블리셔가 웹사이트 제작을 위해 필수적인 제이쿼리 상호작용 실전 예제를 학습하실 수 있습니다.

초급

JavaScript, jQuery, HTML/CSS