Home

프로그래밍 인사이트

함수형 자바스크립트 프로그래밍

목차

1. 함수형 자바스크립트 소개 (미리보기)
   1. 함수형 자바스크립트 그거 먹는 건가요? (미리보기)
      1. 함수형 자바스크립트를 검색하면 나오는 예제
      2. 값으로써의 함수와 클로저
   2. 함수형 자바스크립트의 실용성 (미리보기)
      1. 회원 목록 중 여러 명 찾기
      2. for에서 filter로, if에서 predicate로
      3. 함수형 프로그래밍 관점으로 filter 보기
      4. map 함수
      5. 실행 결과로 바로 실행하기
      6. 함수를 값으로 다룬 예제의 실용성
   3. 함수형 자바스크립트의 실용성 2 (미리보기)
      1. 회원 목록 중 한 명 찾기
      2. 값에서 함수로
      3. 함수를 만드는 함수와 find, filter 조합하기
      4. 고차 함수
      5. function identity(v) { return v; }, 이건 어디다 쓰는 거지?
      6. 연산자 대신 함수로
      7. 함수 합성
   4. 함수형 자바스크립트를 위한 기초 (미리보기)
      1. 일급 함수
      2. 클로저
      3. 클로저의 실용 사례
      4. 클로저를 많이 사용하라!
      5. 고차 함수
      6. 콜백 함수라 잘못 불리는 보조 함수
      7. 함수를 리턴하는 함수와 부분 적용
   5. 정리
2. 함수형 자바스크립트를 위한 문법 다시보기
   1. 객체와 대괄호 다시 보기
      1. 난해해 보이는 문법들을 확인하는 목적
      2. 객체와 key
      3. 함수나 배열에 달기
      4. delete
      5. 코드가 실행될 수 있는 영역
   2. 함수 정의 다시 보기
      1. 기본 정의
      2. 호이스팅
      3. 호이스팅 활용하기
      4. 괄호 없이 즉시 실행하기
      5. new Function이나 eval을 써도 될까요?
      6. 간단 버전 문자열 화살표 함수와 new Function 성능
      7. 유명(named) 함수
      8. 유명 함수를 이용한 재귀
      9. 자바스크립트에서 재귀의 아쉬움
   3. 함수 실행과 인자 그리고 점 다시보기
      1. () 다시 보기
      2. 인자 다시 보기
      3. this 다시 보기
      4. call, apply 다시 보기
      5. call의 실용적 사례
   4. if else || && 삼항 연산자 다시 보기
      1. if의 괄호
      2. || &&
      3. 삼항 연산자
   5. 함수 실행의 괄호
      1. 함수 실행을 통해 생기는 새로운 공간
      2. 기본적인 비동기 상황
      3. 함수 실행 괄호의 마법과 비동기
      4. 비동기와 재귀
   6. 화살표 함수
      1. 익명 함수와의 문법 비교
      2. 익명 함수와의 기능 비교
      3. 화살표 함수의 실용 사례
      4. 화살표 함수 재귀
   7. 정리
3. Underscore.js를 직접 만들며 함수형 자바스크립트의 뼈대 익히기
   1. Underscore.js 소개 (미리보기)
      1. Underscore.js 간단히 써보기
      2. Underscore.js vs Lodash
      3. 지연 평가 1 (take)
      4. 지연 평가 2 (map->map->map)
      5. 지연 실행
      6. 함수형 프로그래밍 관점에서의 each
      7. 지원 환경, 용량, 추가 기능 비교
      8. Underscore.js와 Lodash 비교 정리
      9. Underscore.js를 만드는 이유
   2. _.map과 _.each 구현하기
      1. ArrayLike와 Underscore.js의 콘셉트
      2. _.map 만들기
      3. 쓸모 없어 보이는 함수 사용하기
      4. _.each 만들기
      5. 함수로 함수 만들기, bloop
      6. Object.keys
      7. bloop 개선하기
      8. 중간 정리
   3. _.filter, _.reject, _.find, _.some, _.every 만들기
      1. _.filter 만들기
      2. bloop로 _.filter 만들기
      3. _.rest, _.toArray, _.reverse, _.if
      4. 익명 함수 없이 bloop로 _.filter 만들기
      5. _.reject 만들기
      6. _.find, _.some, _.every를 만들기 위해 bloop 고치기
      7. _.find 만들기
      8. _.findIndex, _.findKey 만들기
      9. _.some, _.every 만들기
      10. 함수형 프로그래밍에서 함수는 ‘로직’이다!
   4. _.reduce 만들기
      1. _.reduce 소개
      2. _.reduce의 용도
      3. _.reduce로 회원 데이터 집계하기
      4. _.reduce 만들기
      5. bloop 반으로 줄이기
   5. 좀 더 발전시키기
      1. _.filter 중간에 나가기
      2. 코드 양과 성능
4. 함수 조립하기 (미리보기)
   1. 고차 함수와 보조 함수 (미리보기)
      1. 한 번만 실행하는 함수
      2. 다시 물어 보지 않는 함수
      3. 앞서 받은 인자 혹은 상황을 변경해 나가는 경우
      4. 앞서 받은 인자를 잘 유지해야 하는 경우
   2. 부분 적용 (미리보기)
      1. _.partial로 함수 만들기
      2. _.partial과 _.compose로 함수 만들기
      3. 더 나은 _.partial 함수
   3. 연속적인 함수 실행 (미리보기)
      1. 체인의 아쉬운 점
      2. _.compose의 아쉬운 점
      3. 파이프라인
      4. 클래스를 대신하는 파이프라인
      5. 더 나은 파이프라인, 그리고 Multiple Results
   4. 더 나은 함수 조립 (미리보기)
      1. 함수 조립과 Partial.js
      2. Partial.js의 _.pipe
      3. 즉시 실행 파이프라인 _.go
      4. 문자열 화살표 함수
      5. Partial.js의 _.partial
      6. Partial.js의 부분 커링
5. Partial.js와 함수 조립 (미리보기)
   1. 파이프라인 (미리보기)
      1. 네임스페이스
      2. 즉시 실행 파이프라인, _.go와 _.mr
      3. 함수를 만드는 파이프라인 _.pipe
      4. 부분 커링 함수와의 조합
      5. 보조 함수로 사용하는 파이프라인
      6. 비동기와 _.go
      7. 중간에 멈추고 나가기
   2. 비동기 (미리보기)
      1. 코드 변경 없이 비동기 제어가 되는 고차 함수
      2. 비동기 결과를 기다리는 if문, _.if
   3. 고차 함수
      1. 주요 고차 함수의 보조 함수에서 더 많은 인자 사용하기
      2. _.all, _.spread
   4. 파이프라인2
      1. _.go에서 this 사용
      2. 또 다른 파이프라인, _.indent
      3. _, __, ___
      4. 무조건 비동기로 동작하는 _.async
      5. _.go에서 비동기 제어 건너뛰기
   5. 템플릿 함수
      1. 함수 스타일의 템플릿 함수
      2. Jade(Pug) 스타일 문법 지원
      3. 데이터 치환
      4. 일반 HTML 전용 _.string
      5. 인자 여러 개 받기
      6. escape
      7. 코드 실행
      8. _.sum
      9. 비동기 제어
   6. 지연 평가와 컬렉션 중심 프로그래밍
      1. 지연 평가
      2. Lodash의 체인 방식 지연 평가가 아쉬운 이유
      3. 지연 평가 결정의 기준과 L
      4. 컬렉션 중심 프로그래밍
      5. 수집하기와 거르기
      6. 접기
      7. 찾아내기
      8. 3가지 유형(수집하기, 거르기, 찾아내기)과 지연 평가와의 연관성
      9. 더 나은 지연 평가
      10. 지연 평가의 동작 조건을 동적으로 하기
      11. Partial.js
6. 값에 대해
   1. 순수 함수
      1. 순수 함수와 부수 효과
      2. 순수 함수와 순수 함수가 아닌 함수
   2. 변경 최소화와 불변 객체
      1. 직접 변경하는 대신, 변경된 새로운 값을 만드는 전략: _.sortBy, _.reject, _.pluck, _.initial, _.without
      2. _.clone으로 복사하기
      3. _.extend, _.defaults로 복사하기
      4. 불변 객체, 그리고 immutable.js의 훌륭한 점
      5. immutable.js의 아쉬운 점
      6. Model/Collection 류의 커스텀 객체들의 아쉬운 점
   3. 기본 객체 다루기
      1. _.sel과 JSON Selector로 중첩 구조 데이터 다루기
      2. JSON Selector를 이용한 값 변경
      3. 커스텀 객체 vs 기본 객체
      4. _.set, _.unset, _.remove2, _.pop, _.shift, _.push, _.unshift
      5. _.set을 통한 값 변경을 함수로 하기
      6. 깊은 값 꺼내기: _.deep_pluck
   4. 정리
7. 실전에서 함수형 자바스크립트를 더 많이 사용하기
   1. _.each, _.map
      1. if 대신 _.each 사용하기
      2. 선택된 항목들 지우기와 _.map
      3. SQL의 insert문 만들기와 _.map
      4. 그룹 채팅 초대와 _.map
      5. 함수 고르기
      6. 많은 사람들이 기본 객체와 함수 중심으로 프로그래밍을 한다면
   2. input tag들을 통해 form data 만들기
      1. _.reduce로 만들기
      2. 여러 가지 함수로 함수 조합 연습해 보기
   3. 커머스 서비스 코드 조각 (미리보기)
      1. 장바구니에 담기 옵션 선택과 _.find
      2. _.find_where
      3. 장바구니에 담긴 상품들의 수량 합산하기와 _.reduce
      4. 장바구니에 담긴 상품들의 금액 합산하기와 _.reduce
      5. 다른 함수 조합으로 수량 합산 구하기 _.deep_pluck, _.reduce
   4. 백엔드와 비동기 (미리보기)
      1. 백엔드에서 만날 수 있는 다양한 비동기 상황
      2. 순서대로 하나씩 실행하기
      3. 실행한 후의 결과 담기
      4. true를 만나면 그만 돌기
      5. _.if _.some, _.every 조합하기
      6. _.loop와 _.break
      7. async await 그리고 Babel은 모든 비동기 상황의 해결책일까?
      8. async await를 for문과 if문에서 사용하기
      9. async await의 한계
      10. 함수를 값으로 다루는 고차 함수의 해법
8. 함수형으로 만드는 할 일 앱
   1. 할 일 앱 만들기(1)
      1. 할 일 생성하기
      2. 체크박스와 삭제 버튼
      3. 앱의 상태 관리를 위한 데이터 추가
      4. 필터링 기능 추가하기
      5. 한 일 모두 삭제하기
   2. 할 일 앱 만들기(2)
      1. 카운트 정보 표시하기
9. 메모이제이션
   1. memoize 함수
      1. 메모이제이션 코드로 이해하기
      2. Underscore.js의 _.memoize
      3. Partial.js의 _.memoize2
      4. _.memoize2 내부와 JSON.stringify
   2. 메모이제이션과 불변성, 그리고 할 일 앱
      1. 할 일 앱에 _.memoize2 적용시키기
      2. 최종 코드
   3. 마무리 하며
      1. 인프런(Inflearn) 동영상 강의 : 자바스크립트로 알아보는 함수형 프로그래밍
      2. 몇 가지 프로젝트 소개
      3. 문의 사항