Top

함수형 자바스크립트 입문 2/e [ECMAScript 8로 함수형 프로그래밍 개념부터 라이브러리 구축까지]

  • 원서명Beginning Functional JavaScript, 2nd edition: Uncover the Concepts of Functional Programming with EcmaScript 8 (ISBN 9781484240861)
  • 지은이안토 아라빈스(Anto Aravinth), 스리칸스 마치라주(Srikanth Machiraju)
  • 옮긴이이창화
  • ISBN : 9791161753997
  • 30,000원
  • 2020년 02월 26일 펴냄
  • 페이퍼백 | 340쪽 | 188*235mm
  • 시리즈 : 프로그래밍 언어

책 소개

요약

자바스크립트를 함수형 패러다임으로 소개한다. underscore.js와 유사한 함수형 라이브러리를 만들면서 함수형 프로그래밍을 이해한다. 함수형 패러다임의 기초인 1급 함수, 고차 함수, 커링, 클로저 등을 ES8의 최신 버전으로 알아본다. 합성 함수를 자세히 배우고, 함수자와 모나드도 알아본다. async와 await 등과 같이 ES8에서 제공되는 새로운 특성을 여러 함수와 함께 배워본다. 마지막으로 함수형 자바스크립트 단위 테스팅과 프레임워크를 소개한다.

이 책에서 다루는 내용

■ 문자열 패딩, 비동기 함수와 같은 함수형 프로그래밍 개념
■ 자바스크립트에서 함수를 다루는 방법
■ underscore.js와 유사한 함수형 라이브러리 작성
■ 스프레드 연산자나 제너레이터와 같은 ES8 함수형 특성
■ 함수형 패러다임에 따라 React-Redux 패턴처럼 동작하는 라이브러리 작성

이 책의 구성

함수형 프로그래밍 개념과 자바스크립트 언어의 함수형 본질을 이해할 수 있도록 돕는다. 함수형 프로그래밍 개념을 소개하는 것부터 시작해서 선언형과 함수형 프로그래밍의 핵심적인 차이점을 알아본다. 자바스크립트 함수를 직접 파고들며 ES8로 작성하는 방법을 배운다. 이후 고차 함수로 이동해 ‘데이터로서의 함수'가 어떻게 가능성의 세계를 여는지 살펴본다.
그런 다음 클로저로 고차 함수를 작성한다. 배열을 소개하고 함께 사용할 수 있는 API를 소개한다. 커링과 부분 적용을 사용해 특정 함수를 다른 함수로 바꾸는 방법을 살펴본다. 합성 함수를 자세히 다루고 함수자와 모나드도 알아본다. 응용할 수 있는 함수를 자세히 알아본 후, async와 await처럼 ES8에서 제공하는 새로운 특성을 알아본다. 이 책에서 배운 함수형 개념을 사용해 HTML 애플리케이션을 구성하는 데 사용할 수 있는 작은 라이브러리를 작성한다. 마지막으로 함수형 자바스크립트의 단위 테스팅 개념과 프레임워크, 도구를 소개한다. 이 책에서는 함수형 툴킷을 사용해 웹 애플리케이션 개발에 필요한 작은 라이브러리를 구성하는 방법과 함수형 코드를 테스트하는 방법을 알아본다.

저자/역자 소개

지은이의 말

모든 책의 2판은 항상 특별하다. 1판을 저술했을 때 IT 관련 경험은 2년밖에 되지 않았다. 이번 2판에서는 1판의 긍정적인 반응뿐만 아니라 부정적인 견해도 받아들여 2판을 작성했다. 좀 더 도움될 내용으로 향상시키고 가치 있는 책으로 만들고자 비판적인 반응을 적극 반영했다.
그 사이 자바스크립트는 상당히 발전하고, 여러 획기적인 변화가 언어에 적용됐다. 이제 웹은 자바스크립트로 가득하다. 웹이 없는 세상을 상상할 수 있겠는가?
2판에서는 자바스크립트에서 함수형 프로그래밍의 기본을 가르치는 데 좀 더 집중했다. 함수형 개념을 사용해 웹 애플리케이션을 구성하는 라이브러리와 테스팅을 수행하는 부분과 같이 새로운 내용도 추가했다. 여러 async, await 패턴 등에도 최신 ES8 문법을 적용해 다시 작성했다.
이 책을 통해 필요한 지식을 많이 얻어가고 동시에 예제를 실행하는 것이 많은 도움 되길 바란다. 이제 시작해보자!

지은이 소개

안토 아라빈스(Anto Aravinth)

소프트웨어 회사에서 6년 이상 근무했다. 최신 기술로 작성된 여러 시스템을 개발한 경력이 있다. 자바스크립트에 대한 기본 지식과 작동 방법을 알고 여러 사람을 가르치는 방법을 잘 알고 있다. 시간이 남을 때는 오픈소스 소프트웨어를 다루거나 탁구를 한다.

스리칸스 마치라주(Srikanth Machiraju)

개발자, 아키텍처, 기술 교육자, 커뮤니티 발표자로 활동한지 10년이 넘었다. 현재 100명의 개발자를 이끌고, 마이크로소프트 Hyderabad의 선임 컨설턴트이자 정유사 내의 클라우드 기반 플랫폼을 개발하는 품질 분석가다. 지능이 있는 방대한 현대 애플리케이션을 디자인할 수 있는 기업 아키텍처가 되겠다는 목표로, 에지 플랫폼과 기술을 사용해 현대 애플리케이션 개발을 배우고 공유하고 있다. 마이크로소프트사 근무 이전에 브레인스케일(BrainScale)에서 애플리케이션 디자인, 개발, 애저(Azure)를 사용한 통합을 다루는 선임 기술 분석가 및 협력 교육자로 일했다. 새로운 기술을 받아들이는 데 많은 열정이 있는 기술 개발자로, 블로그와 커뮤니티를 통해 습득한 기술을 공유하고 있다.
블로그(https://vishwanathsrikanth.wordpress.com)에 나와 있듯이 『Learning Windows Server Containers』(Packt, 2017)와 『Developing Bots with Microsoft Bot Framework』(Apress, 2017)의 저자다.
“Tech Talk with Sriks”라는 유튜브 채널을 운영 중이며, 링크드인(https://www.linkedin.com/in/vishsrik/)에서도 만나볼 수 있다.

옮긴이의 말

프로그래밍 방법론과 패러다임이 많이 발전하고 있습니다. 기계어, 어셈블리어가 나오면서 가장 먼저 나온 패러다임이 명령형 프로그래밍입니다. 많은 사람에게 가장 익숙한 형태일 것입니다. 명령형 프로그래밍은 절차형과 객체지향형으로 나뉠 수 있습니다. 코드 순서대로 실행되는 절차형과 클래스란 개념을 가져오는 객체지향형은 C, C++, 자바 등에서 쉽게 찾아볼 수 있습니다.
명령형 프로그래밍과 대조되는 함수형 프로그래밍은 선언형 프로그래밍으로, 어떤 것을 실행할지에 초점이 맞춰져 있습니다. 문법과 언어에 초점이 맞춰진 명령형 패러다임과 달리 함수형 프로그래밍은 함수의 구성에 초점 맞춰져 있습니다.
함수형 프로그래밍은 우리가 배웠던 수학의 함수 개념으로 계산에 접근합니다. 여러 함수를 중첩 사용하기 때문에 함수의 내부를 알지 못하더라도 쉽게 사용할 수 있습니다. 이때 필요한 개념에는 여러 가지가 있습니다. 먼저 순수 함수(pure function)란 동일한 입력에 항상 동일한 출력을 보이는 함수로, 입력과 출력을 매핑시켜 호출하는 쪽과 순수 함수의 통신이 가능합니다. 자세한 사항은 1장에서 다룹니다. 함수 중첩을 통해 여러 함수를 하나의 동작으로 묶을 수 있습니다. 이런 것이 가능한 함수를 고차 함수(high order function)라고 합니다. 고차 함수는 2장부터 자세히 다룹니다. 이렇듯 함수형 프로그래밍은 라이브러리만 잘 구축한다면 코드를 굉장히 간결하고 이해하기 쉽게 만들 수 있는 장점이 있습니다. 메소드에 진입할 때 사용하는 . 기호를 사용하거나 괄호의 개수를 줄이는 등 코드 가독성을 높이고 수준 높은 프로그래밍을 할 수 있습니다.
자바스크립트 언어 자체가 웹 프로그래밍 영역에서는 거의 필수적으로 사용되는 언어입니다. 좋은 프로그래밍 언어를 평가하는 기준에는 사용성, 확장성, 성능, 변경 유용성 등이 있습니다. 함수형 프로그래밍은 언어 내의 조합성을 강조한 프로그래밍으로, 사용성 부분은 떨어질 수 있습니다. 하지만 함수형 프로그래밍 개념을 익히면 조합성과 모듈성이 높아져 결국은 코드의 오류가 줄어들게 되고, 모듈화가 잘된 코드는 효율적으로 수정과 디버깅이 가능합니다.
함수형 프로그래밍을 처음 접한다면 이 책을 처음 보는 순간, 프로그래밍 언어를 새로 배우는 느낌이 들 것입니다. 처음 언어를 배울 때 어렵고 시간이 걸리지만 점점 익숙해지듯이 함수형 프로그래밍도 자바스크립트뿐만 아니라 파이썬 등의 다양한 언어로 개념을 다진다면 어떠한 프로그래밍 언어도 쉽게 넘나들 수 있는 개발자가 될 거라고 생각합니다. 1장부터는 함수형 프로그래밍의 실용성과 효율성, 모듈성에 대해 배우며, 8, 9장에서는 함수자와 모나드의 개념을, 10장에서는 ECMAScript 8에서 새로 명시된 async와 await를 배웁니다. 마지막으로 함수형 프로그래밍 테스트까지 전반적인 함수형 프로그래밍 기초 개념과 필요한 라이브러리 구축 등을 배웁니다. 전체 코드는 바벨 노드(babel-node) 기반으로 실행돼 코드 확인이 간편합니다. 자세한 실행 방법은 2장에서 살펴볼 수 있습니다. 직접 코드 수정을 거친 만큼 이 책을 통해 함수형 프로그래밍과 좀 더 친해지길 바랍니다.

옮긴이 소개

이창화

경북대학교에서 기계공학 및 컴퓨터공학을 전공하고 있으며, 여러 방면의 공학 기술과 학문 자체에 관심이 많다. 대학 입학 전 프로그래밍에 관심을 갖기 시작한 후 C, 파이썬, 웹 언어, 하드웨어 제어를 개발하게 됐다. 최근에는 머신러닝, 딥러닝, 컴퓨터 비전을 공부 중이며, 관련 책과 강의를 듣는 것을 즐긴다. 회사에 연연하지 않고 원하는 일과 연구에 몰입할 수 있는 라이프를 추구한다. 머릿속이 복잡할 때면 수영을 하며 시간을 보내고, 조용한 카페에서 주로 작업한다. 옮긴 책으로 『파이썬을 이용한 데이터 분석 2/e』(에이콘, 2018), 『파이썬 동시성 프로그래밍』(에이콘, 2018)이 있다.

목차

목차
  • 1장. 간단하게 살펴보는 함수형 프로그래밍
    • 함수형 프로그래밍이란 무엇이고, 왜 중요한가?
    • 참조적 투명성
    • 명령형, 선언형, 추상화
    • 함수형 프로그래밍의 장점
    • 순수 함수
      • 순수 함수는 테스트하기 편한 코드다
      • 이상적 코드
      • 병렬 코드
      • 캐시 가능
      • 파이프라인과 컴포저블
    • 순수 함수는 수학적인 함수다
    • 작업해야 할 것
    • 자바스크립트는 함수형 프로그래밍 언어인가?
    • 요약

  • 2장. 자바스크립트 함수의 기본
    • ECMAScript 역사
    • 함수 생성과 실행
      • 첫 번째 함수
      • 엄격한 방식
      • 상태 반환은 옵션이다
      • 다양한 상태 함수
      • 함수 인자
      • ES5 함수는 ES6 이후에서도 동작한다
    • 프로젝트 구성
      • 초기 구성
      • 반복 문제에 대한 첫 번째 함수적 접근
      • 출력
      • 입력
      • 바벨-노드를 사용한 코드 실행
      • npm에서 스크립트 작성
      • 깃을 이용한 코드 실행
    • 요약

  • 3장. 고차 함수
    • 데이터의 이해
      • 자바스크립트 데이터형 이해
      • 함수 저장
      • 함수 전달
      • 함수 반환
    • 추상화와 고차 함수
      • 추상화 정의
      • 고차 함수를 통한 추상화
    • 현실에서의 고차 함수
      • every 함수
      • some 함수
      • sort 함수
    • 요약

  • 4장. 클로저와 고차 함수
    • 클로저 이해
      • 클로저란?
      • 어디서부터 생겨났을까?
      • sortBy 함수 다시 살펴보기
    • 실제 세계에서의 고차 함수(계속)
      • tap 함수
      • unary 함수
      • once 함수
      • memoize 함수
      • assign 함수
    • 요약

  • 5장. 배열로 함수형 다루기
    • 배열로 함수형 다루기
      • map
      • filter
    • 연산 연결
      • concatAll
    • 함수 축소
      • reduce 함수
    • 함수 압축
      • zip 함수
    • 요약

  • 6장. 커링과 부분 적용
    • 용어 정리
      • 단항 함수
      • 이항 함수
      • 가변 인자 함수
    • 커링
      • 커링을 사용하는 경우
      • 커링을 사용한 logger 함수
      • 커링 다시 살펴보기
      • 다시 logger 함수로
    • 커링의 실제 사용
      • 배열 요소에서 숫자 검색
      • 배열 제곱
    • 데이터 플로우
      • 부분 적용
      • 부분 함수 구현
      • 커링과 부분 적용
    • 요약

  • 7장. 컴포지션과 파이프라인
    • 일반적인 용어에서의 컴포지션
      • 유닉스 철학
    • 함수형 컴포지션
      • map, filter 다시 살펴보기
      • compose 함수
    • compose 함수 다루기
      • 구원자: curry와 partial
      • 여러 함수 합성
    • 파이프라인과 시퀀스
      • 파이프 구현
      • 컴포지션의 특이점
      • 파이프라인 연산자
      • tap 함수를 사용한 디버깅
    • 요약

  • 8장. 함수자
    • 함수자란?
      • 함수자는 컨테이너다
      • map 구현
    • MayBe
      • MayBe 구현
      • 간단한 사용자 케이스
      • 실제 사용자 케이스
    • Either 함수자
      • Either 구현
      • Reddit 예제 Either 버전
    • 주의할 단어: 포인팅된 함수자
    • 요약

  • 9장. 모나드
    • 검색 쿼리용 Reddit 댓글 가져오기
    • 문제
      • 첫 번째 단계 구현
      • Reddit 호출 병합
      • 중첩된/다양한 map의 문제
    • join으로 문제 해결
      • join 구현
      • chain 구현
      • 모나드란?
    • 요약

  • 10장. 제너레이터를 통한 정지, 재개, 비동기
    • 비동기 코드와 그 문제
      • 콜백 지옥
    • 제너레이터 101
      • 제너레이터 생성
      • 제너레이터의 경고
      • yield 키워드
      • 제너레이터의 done 속성
      • 제너레이터에 데이터 전달
    • 비동기 호출 조작에 제너레이터 사용
      • 비동기용 제너레이터: 간단한 경우
      • 비동기를 위한 제너레이터: 실세계 경우
    • ECMAScript 2017의 비동기 함수
      • Promise
      • await
      • async
      • 콜백 연결하기
      • 비동기 호출에서 에러 핸들링
      • 제너레이터로 트랜스파일된 비동기 함수
    • 요약

  • 11장. 반응형 라이브러리 빌드
    • 불변성
    • 간단한 Redux 라이브러리 빌드
    • HyperApp과 같은 프레임워크 구성
      • 가상 DOM
      • JSX
      • JS Fiddle
      • createActions
      • render
      • patch
      • update
      • merge
      • remove
      • 요약

  • 12장. 테스트와 마무리
    • 소개
    • 테스팅의 종류
    • BDD와 TDD
    • 자바스크립트 테스트 프레임워크
      • Mocha를 사용한 테스팅
      • Sinon을 사용한 모의 테스트
      • Jasmine을 통한 테스팅
    • 코드 커버리지
    • Linting
    • 라이브러리 코드 단위 테스팅
    • 마무리
    • 요약

도서 오류 신고

도서 오류 신고

에이콘출판사에 관심을 가져 주셔서 고맙습니다. 도서의 오탈자 정보를 알려주시면 다음 개정판 인쇄 시 반영하겠습니다.

오탈자 정보는 다음과 같이 입력해 주시면 됩니다.

(예시) p.100 아래에서 3행 : '몇일'동안 -> 며칠동안

정오표

정오표

[p.21 : 아래서 2행]
http://www.acornpub.com/book/functionaljavascript-2e에서 한국어판 정오표를 볼 수 있다.
->
http://www.acornpub.co.kr/book/functional-javascript-2e에서 한국어판 정오표를 볼 수 있다.

[p.48 : 아래서 9행]
자바스크립트 파일에서 엄격하게 사용하지 않는 모든 코드는 엄격하지 않은 방식도 있다.
->
엄격한 방식(strict 모드)이 있는데, 이는 자바스크립트 파일에서 사용하지 않으면 엄격한 방식이 아니다.

[p.71 : 2행]
for(let i=0;array.length;i++)
->
for(let i=0;i<array.length;i++)

[p.89 : 6행]
잎 절에서
->
앞 절에서

[p.120 : reduce 함수 첫 번째 구현 코드 부분]
accumlator
->
accumulator (*이후 코드, 내용에도 수정 필요)

[p.146 : 4행]
이를 이해하면 cuury 함수를 사용해 multipy 함수를 실행할 수 있다.
->
이를 이해하면 curry 함수를 사용해 multiply 함수를 실행할 수 있다.

[p.169]
filterGoodVBooks 함수를 전달하고,
->
filterGoodBooks 함수를 전달하고,

[p.171]
6장에서 n개의 함수 호출
->
5장에서 n개의 함수 호출

[p.172]
composeN(oddOrEven, ... )
->
compose(oddOrEven, ... )