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

프로그래밍 인사이트

유인동 저자(글)

인사이트 · 2017년 11월 24일 (1쇄 2017년 11월 22일)

책 소개

실무 밀착형, 함수형 자바스크립트 프로그래밍 가이드!

『함수형 자바스크립트 프로그래밍』은 자바스크립트에서 함수형 패러다임을 통해 보다 효율적인 코드를 만들고자 하는 개발자를 위한 실무 밀착형 가이드다.
익숙한 개발 방식에서 벗어나 기존 코드를 어떻게 함수형으로 바꿀 수 있는지를 보여주면서 독자에게 ‘함수형 패러다임’이 적용된 코딩 스타일과 콘셉트를 전달한다.
이 책은 함수형 자바스크립트 프로그래밍을 위한 문법과 개념을 단순히 소개하지 않는다. 책 전반에 걸쳐 함수의 응용을 매우 깊이 다루며, 실용적인 접근을 항상 함께한다. 우선 함수형 패러다임을 잘 보여주는 라이브러리인 Underscore.js를 직접 구현해 보면서 함수적인 기법들이 얼마나 유용한지를 몸소 느낄 수 있도록 한다. 또한 함수형 프로그래밍의 완성도를 높이기 위해 저자가 직접 개발한 Partial.js 라이브러리를 통해 함수의 조합, 연속성, 순수 함수, 고차 함수, 불변성, 비동기, 동시성 등을 설명해서 보다 ‘개발자스럽게’ 함수형 자바스크립트 프로그래밍에 접근한다.

이 책은 가독성을 높이기 위해 코드 부분을 컬러로 제작했으며, 보다 나은 학습 환경을 제공하기 위해 책과 함께 보면 좋은 동영상 강의를 인프런을 통해 제공한다(https://www.inflearn.com/course/함수형-프로그래밍/). 책에 실린 모든 예제 코드는 책의 깃허브(https://github.com/indongyoo/functional-javascript/)를 통해 확인할 수 있다.

작가정보

저자(글) 유인동

저자 유인동은 마켓프레스에서 커스텀 티셔츠 서비스 마플(http://www.marpple.com)을 만들고 있다. 마켓프레스에서는 HTML, CSS, JavaScript, Node.js, PostgreSQL, AWS를 주로 다루고 있다. 어쿠스틱코드, 카카오, 엔씨소프트 오픈마루 스튜디오, 시도우, 하자센터에서 웹 서비스, 아이폰 앱, 안드로이드 앱 등을 개발했다. Objective-C와 iOS SDK, Java와 Android SDK의 매력에 빠져 객체지향 프로그래밍을 파고들다가, 지금은 함수형 프로그래밍의 매력에 빠져 있다. 다양한 기술과 언어들을 탐구하는 것을 좋아하고 최근에는 함수형 자바스크립트 라이브러리인 Partial.js를 만들었다.

목차

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

추천사

• 윤지수 (코드스쿼드)

  이 책은 자바스크립트의 특징을 깊이 있게 설명하고 있다. 라이브러리에 대한 단순한 사용법에 그치는 것이 아니고 함수형 프로그래밍으로 어떤 상황을 쉽게 해결할 수 있는지, 나아가 어떻게 프로그래밍 API 디자인을 하는 것이 좋은지도 알게 된다.

• 임백준 (나는 프로그래머다 MC)

  이 책은 함수형 패러다임을 익히기 위해서 알아야 하는 개념을 빠짐없이 담아 내면서 동시에 실용적이고 깊이 있는 코드까지 포함시켰다. 심지어 자바스크립트 언어를 사용해서.

출판사 서평

『함수형 자바스크립트 프로그래밍』은 자바스크립트에서 함수형 패러다임을 통해 보다 효율적인 코드를 만들고자 하는 개발자를 위한 실무 밀착형 가이드다.
이 책은 함수형 자바스크립트 프로그래밍을 위한 문법과 개념을 단순히 소개하지 않는다. 책 전반에 걸쳐 함수의 응용을 매우 깊이 다루며, 실용적인 접근을 항상 함께한다. 우선 함수형 패러다임을 잘 보여주는 라이브러리인 Underscore.js를 직접 구현해 보면서 함수적인 기법들이 얼마나 유용한지를 몸소 느낄 수 있도록 한다. 또한 함수형 프로그래밍의 완성도를 높이기 위해 저자가 직접 개발한 Partial.js 라이브러리를 통해 함수의 조합, 연속성, 순수 함수, 고차 함수, 불변성, 비동기, 동시성 등을 설명해서 보다 ‘개발자스럽게’ 함수형 자바스크립트 프로그래밍에 접근한다.
이 책은 익숙한 개발 방식에서 벗어나 기존 코드를 어떻게 함수형으로 바꿀 수 있는지를 보여주면서 독자에게 ‘함수형 패러다임’이 적용된 코딩 스타일과 콘셉트를 전달한다.

기본정보

ISBN	9788966262120 ( 8966262120 )
발행(출시)일자	2017년 11월 24일 (1쇄 2017년 11월 22일)
쪽수	388쪽
크기	189 * 242 * 22 mm / 738 g
총권수	1권