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

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

(4.9) 수강평 316개

수강생 13,218명

MDU 유인동

JavaScript 함수형 프로그래밍

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

이런 걸 배울 수 있어요

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

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

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

도움이되는 분들

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

연관된 강좌

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

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

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

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

22,244

명

수강생

760

개

수강평

455

개

답변

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.

마지막 업데이트일: 2018. 12. 27.

수강평

전체

316개

4.9

316개의 수강평

비슷한 강의

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

쌩초보도 4시간 안에 마스터하는 자바스크립트 기초

Code with Dan

자바스크립트의 기본기를 제대로 배우길 원하는 입문자, 비전공자를 위한 강의 입니다. 이 강의는 (1) 최대한 짧은 시간에 (2) 다양한 비유로 자바스크립트의 개념을 이해하는 것부터 (3) 실전 자바스크립트 코드를 작성을 통해 자바스크립트 언어에 익숙해지는 것 까지 포괄적으로 다룹니다.

입문

JavaScript

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

Egoing Lee

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

초급

JavaScript

JavaScript 비동기 프로그래밍 완벽 가이드 - Promise, await, async

드라진

비동기 프로그래밍은 자바스크립트(JavaScript)의 핵심 개념입니다. 이 강의를 통해 비동기 프로그래밍을 완벽히 이해하고 사용할 수 있도록 도와줄 것입니다.

초급

JavaScript, Node.js, promise

생성형 AI로 웹 사이트 제작부터 배포(w. Chat GPT, Cursor AI, Database)

JEngineer

생성형 AI(Chat GPT, Cursor AI)를 통해서 웹 사이트 개발과 배포하는 과정을 전반적으로 학습합니다.

초급

HTML/CSS, JavaScript, 웹앱

얄코의 반응형 프로그래밍 - 자바스크립트로 쉽게 배우는 ReactiveX

얄팍한 코딩사전

⚡ 짧고 굵은 전체 160분 강좌! 웹사이트에서 웹사이트로 코드를 복붙하며, ReactiveX를 통한 반응형 프로그래밍을 익히세요 😎

초급

RxJS, JavaScript, 함수형 프로그래밍

실용적인 웹 프로그래밍

설리번 프로젝트

프로그래밍은 우리가 원하는 방향을 실현해주는 마법이에요. 우리 주변의 웹 서비스의 문제를 해결하며 웹 프로그래밍을 경험해봅니다.

입문

HTML/CSS, JavaScript

2022 30분 요약 강좌 시즌 1 : HTML, CSS, Linux, Bootstrap, Python, JS, jQuery&Ajax

제주코딩베이스캠프

이 강좌는 코딩을 처음 하시는 분들에게는 빠르게 훑을 수 있는 강의가 될 것입니다. 이미 코딩을 하시는 분들에게는 복습을 빠르게 할 수 있는 강의가 될 것입니다. 이 강의를 통해 자신감을 얻으셨으면 좋겠습니다.

입문

HTML/CSS, JavaScript, Python

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

김영보

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

중급이상

Tensorflow, JavaScript, 머신러닝

비동기 프로그래밍: Promise, async/await 끝장내기

짐코딩

이 강의는 자바스크립트 비동기 프로그래밍에서 Promise와 async/await의 개념과 작동 원리를 명확히 설명하며, 실무에서 비동기 처리를 능숙하게 다룰 수 있도록 돕습니다.

초급

promise, async-await, asynchronous-programming

바쁜 자바 개발자를 위한 스칼라 맛보기

김대현

스칼라를 사용하면 자바 개발자로 쌓아온 경험을 그대로 살리면서, 훨씬 간결하고 탄탄한 코드를 빠르게 작성할 수 있습니다. 이 강의는 자바 개발자를 대상으로 기존 자바 지식을 발판 삼아, 빠르게 스칼라의 전체적인 모습을 이해할 수 있게끔 구성했습니다. 기존 자바 개발자라면 아주 쉽게 스칼라도 배우실 수 있습니다.

초급

함수형 프로그래밍, scala, scala-3

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹개발

그린코딩

그냥 들어보세요. 강의력과 흡입력 그리고 강의의 질이 다릅니다.

입문

HTML/CSS, JavaScript, Spring Boot

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

입문

HTML/CSS, JavaScript, ES6

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

제주코딩베이스캠프

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

입문

JavaScript, HTML/CSS, Python

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

초급

HTML/CSS, JavaScript, 클론코딩

JavaScript 알고리즘 베스트 10

The Oreum

가장 많이 출제되는 유형을 담은 'JavaScript 알고리즘 베스트 10'을 통해 문제의 핵심을 찾아 풀이하는 능력을 키워보세요!

중급이상

JavaScript, 코딩 테스트, 알고리즘

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

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

코딩웍스(Coding Works)

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

초급

JavaScript, jQuery, HTML/CSS