누구나 쉽게 배우는 챗봇 서비스

모던 웹 기술로 구현하는 챗봇 실무 예제

현재 챗봇에 대한 관심이 높아지고 있습니다. 국민 메신저 앱인 카카오톡을 비롯해서 페이스북 메신저, 기업용 메신저로 각광받는 슬랙 등 다양한 커뮤니케이션 툴에서 챗봇을 지원하고 있습니다. 그리고 이 챗봇을 만들기 위한 다양한 도구들이 있습니다. 그중에서 구글이 개발한 Dialogflow는 자체 학습한 대용량 데이터 세트와 편리한 인터페이스 및 통합 도구를 제공하여, 개발자 누구나 손쉽게 챗봇을 만들 수 있습니다.

이 Dialogflow를 활용하여 실용 서비스로 배포하기 위해서는 다양한 웹 기술이 필요합니다. 이 책에서는 빠르고 재미있게 본인의 아이디어를 실제 결과물로 구현할 수 있는 모던 웹 기술을 학습합니다. 자바스크립트의 최신판인 ES6부터 웹 프론트엔드 프레임워크 폴리머, 클라우드 데이터베이스 서비스인 파이어베이스를 소개하고, 이를 응용하는 과정을 다양한 예제를 통해 설명합니다. 이 책을 통해 여러분도 자신만의 챗봇을 활용한 응용 서비스를 만들 수 있게 될 것입니다.

이 책의 특징

- 챗봇 개발에 필요한 기술을 단계별로 차근차근 학습할 수 있도록 설명했다.

- 최신 웹기술로 빠르게 AI 서비스를 만들 수 있도록 구성했다.

- 챗봇 기술의 현주소를 파악할 수 있다.

이 책이 필요한 독자

- 최신 웹 기술에 관심이 있는 독자

- 현재 AI 챗봇의 기술 트렌드를 확인하고 적용하고자 하는 독자

- 풀스택 엔지니어를 지향하면서 다양한 응용 기술을 활용하고 싶은 독자

독자대상

초중급

소스코드 다운로드

https://github.com/bjpublic/easychatbot/

이 책은 모던 웹 기술인 ES6와 폴리머(Polymer), 파이어베이스(Firebase), DialogFlow를 활용하여 AI 챗봇을 만드는 방법에 대하여 소개합니다. 최신 웹 기술에 관심이 있는 초중급 개발자부터 AI 챗봇에 관심 있는 일반인, 풀스택 엔지니어를 지향하는 학생까지 모두 이 책의 독자가 될 수 있습니다.

이 책을 통해 앞에서 말한 기술을 혼합하여 빠르게 AI 챗봇 서비스를 만드는 방법을 배울 수 있습니다. 직접 만들고 테스트해봐야 기술을 제대로 이해할 수 있는 만큼, 처음부터 끝까지 만드는 과정에 대해 차근히 따라 하면서 익히도록 구성했습니다. 또한 어떤 새로운 기술을 도입한다고 해도, 다양한 예시와 응용을 통해 이에 접근하는 방식을 알 수 있도록 하는 데 초점을 맞추었습니다.

박경호

세계 4대륙 해커톤 참여 경험이 있으며, 기술 흐름의 물결을 즐겁게 따라가는 풀스택 개발자이다. 현재는 블록체인 엔지니어로서 Qtum, EOS 등의 다양한 글로벌 챌린지에서 수상하였고, 여러 오픈 기술 커뮤니티에서 활동하고 있다. 다음에는 또 어떤 새 도전을 해볼지 고민 중이다. 저서로 [누구나 쉽게 배우는 챗봇 서비스], [누구나 쉽게 배우는 블록체인 DApp 개발]이 있다.

1장. ES6 자바스크립트 - 도구1

1) ES6 vs ES5

2) let & const

3) 화살표 함수

4) 클래스(class)

5) 템플릿 문자열

6) 디스트럭처링(Destructuring)

7) Spread & Rest 연산자

8) For ... Of 루프

9) 프라미스(Promise)

10) 임포트(import)와 익스포트(export) 모듈

11) 객체 표현식

12) Map & Set

2장. 폴리머 - 도구2

1) 폴리머 2.0 소개

2) 작업환경 준비하기

3) 로컬 DOM 추가하기

4) 데이터 바인딩과 프로퍼티 사용하기

5) 액션 리스너 연결하기

6) 커스텀 CSS로 테마 적용하기

7) 서드파티 컴포넌트 활용하기

8) 유용한 컴포넌트를 이용해보자 - Vaadin

9) 프로그레시브 웹앱이란

10) PWA 유튜브 웹앱 만들기 - 1

11) PWA 유튜브 웹앱 만들기 - 2

12) PWA 유튜브 웹앱 만들기 - 3

3장. 파이어베이스 - 도구3

1) 파이어베이스 소개

2) 파이어베이스 콘솔

3) 작업환경 준비

4) 유저 인증 빠르게 연결하기

5) 메시지 저장하기

6) 이미지 저장하기

7) 앱 배포하기

8) 폴리머와 연동하기

9) 클라우드 함수란?

4장. DialogFlow - 도구4

1) 챗봇이란?

2) DialogFlow 소개

3) 인텐트와 엔티티

4) DialogFlow 콘솔 살펴보기

5) DialogFlow 이용하기

6) 파이어베이스와 연동

5장. 채팅 서비스 만들기 - 실전1

1) 개요

2) 환경 설정

3) 폴리머로 웹 UI 스크래치하기

4) 클라우드 비전 API 살펴보기

5) 파이어베이스 인증

6) 메시지 보내기 및 리스트 렌더링

7) 이미지 저장하기

8) 파이어베이스 클라우드 함수로 웰컴 메시지 만들기

9) 파이어베이스 클라우드 함수와 Vision API 연동하기

10) 사이트 배포하기

11) Wrap up

6장. 메신저 챗봇 만들기 - 실전2

1) 개요

2) 개발 환경 설정하기

3) DialogFlow로 학습하기

4) 파이어베이스 클라우드 함수와 DialogFlow 연동

5) 슬랙과 봇 연동하기

6) 페이스북 메신저와 봇 연동하기

7) Wrap up

7장. 외국인을 위한 맵 봇 만들기 - 실전3

1) 개요

2) API 연동 및 데이터 저장

3) 폴리머로 웹 스크래치하기

4) DialogFlow로 봇 만들기

5) 봇과 서버의 연동

6) 클라이언트와 서버의 연동

7) Wrap up

8장. 오디오 신시사이저 봇 만들기 - 실전4

1) 개요

2) 웹 오디오 API 살펴보기

3) Dialogflow로 봇 학습하기

4) 서버 API 만들기

5) 클라이언트와의 연동

6) 구글 어시스턴트 살펴보기

7) Wrap up

9장. 클로바(Clova)로 코인봇 만들기 - 실전5

1) 개요

2) CEK 사용하기

3) 서버 API 개발하기

4) CEK와 서버와의 연동

5) 코인봇 테스트하기

6) Wrap up