VueJS VueX로 클레이튼 BApp 개발하기

최신 웹 기술로 구현하는 블록체인 서비스

박경호 지음

비제이퍼블릭 2020년 05월 26일 출간 종이책 : 2020년 05월 29일 출간

작품소개

책소개

클레이튼 플랫폼의 특징을 살펴보고 응용하는 가장 빠른 방법

이 책은 클레이튼 플랫폼 위에 작동하는 BApp 개발을 학습하는 책이다. 이더리움 개발을 이미 경험했거나 처음 콘트랙트를 살펴보는 개발자는 보다 친숙하게 볼 수 있을 것이다. 이더리움은 여전히 많은 리소스와 도구, 커뮤니티를 통해 쉽게 블록체인 개발에 접근할 수 있다.

클레이튼은 블록체인의 상용화를 목표로 한 만큼 기존의 블록체인 기술을 경험한 모든 이를 클레이튼 생태계에 끌어들이려는 의도를 알 수 있다. 클레이튼 플랫폼의 BApp 개발에 초점을 맞추어 블록체인의 기본 지식을 다루고 이를 실질적으로 응용하는 부분을 중점적으로 살펴본다.

이 책의 특징
- Truffle, Vue, Caver-js 등 다양한 라이브러리를 활용하여 개발 방식을 익힌다.
- 클레이튼 블록체인의 기본 개념과 스마트 콘트랙트를 알아보고, Solidity를 익힌다.
- 스마트 콘트랙트를 배포하고, 웹 서비스와 유연하게 결합하는 방법을 익힌다.

이 책이 필요한 독자
- 블록체인 및 클레이튼 BApp 개발에 관심 있는 초중급 개발자
- 블록체인 기술에 대한 배경 지식을 얻고 싶은 일반 독자
- 풀스택 개발자를 지향하는 관련 전공자

독자대상
초중급

소스코드 다운로드
https://github.com/bjpublic/klaytn

목차

Chapter 01 ES9 자바스크립트
1. ES9 VS ES5
2. let & const 함수
3. 화살표 함수
4. 클래스(class)
5. 템플릿 문자열
6. 디스트럭처링(Destructuring)
7. Spread & Rest 연산자
8. For … Of 루프
9. 프로미스(Promise)
10. 임포트(import)와 익스포트(export) 모듈
11. 객체 표현식
12. async, await

Chapter 02 VueJS와 VueX
1. VueJS 소개
2. 인스턴스 라이프 사이클
3. 템플릿(Template)
4. Computed
5. 조건부 렌더링
6. 리스트 렌더링
7. v-model
8. 컴포넌트
9. VueX

Chapter 03 블록체인 기본
1. 해시 함수
2. 어드레스
3. 디지털 서명
4. 비트코인 거래
5. 블록 구조
6. 머클 트리
7. 작업 증명 알고리즘(PoW)
8. UTXO(Unspent Transaction Output)
9. 이더리움
10. 지갑
11. Status와 Embark
12. 블록체인의 기술적 과제

Chapter 04 솔리디티와 스마트 콘트랙트
1. 솔리디티 데이터와 타입
2. 솔리디티 예제
3. 오픈제플린(OpenZeppelin)

Chapter 05 트러플
1. 트러플 설치
2. 트러플 박스
3. 새 프로젝트 생성
4. 개발 콘솔
5. 콘트랙트 컴파일
6. 마이그레이션
7. 메타코인 예제
8. 트러플과 오픈제플린으로 토큰 만들기

Chapter 06 클레이튼 개요
1. 클레이튼 네트워크
2. 컨센서스(Consensus)
3. 계정과 트랜잭션
4. 스마트 콘트랙트
5. 클레이(Klay)
6. 클레이튼 지갑(Klaytn Wallet)
7. 클레이튼 스코프(Klaytn Scope)
8. 클레이튼 IDE

Chapter 07 숫자 맞히기 게임 만들기
1. 개요
2. 환경 설정
3. 클레이튼 IDE
4. 프로젝트 생성
5. 스마트 콘트랙트 작성
6. 콘트랙트 테스트
7. VueJS로 애플리케이션 구축
8. VueX와의 연동
9. 월렛 및 콘트랙트 연동
10. 콘트랙트 연동
11. 바오밥 테스트넷

Chapter 08 경매 마켓플레이스 만들기
1. 개요
2. 환경 설정
3. 스마트 콘트랙트 구현
4. 콘트랙트 테스트
5. 옥션 콘트랙트 구현
6. 웹 프론트엔드 초기 구성
7. 콘트랙트 파일 구성
8. VueX와의 연동
9. 라우팅 구성
10. main.js 구성
11. views 구성
12. 컴포넌트 개발
13. UI 테스트

Chapter 09 Todo BApp 만들기
1. 개요
2. 환경 설정
3. 스마트 콘트랙트 구현
4. 콘트랙트 테스트넷 배포
5. 웹 프론트엔드 초기 구성
6. 콘트랙트 파일 구성
7. Vuex store 연동하기
8. LoginBox 컴포넌트
9. 컴포넌트 개발
10. WriteBox 컴포넌트
11. Feeds 컴포넌트
12. App.vue
13. 프로세스 테스트

출판사 서평

클레이튼은 카카오에서 개발한 블록체인 플랫폼이다. 카카오톡이라는 국내에서 제일 성공한 메신저 앱을 등에 업고 이 블록체인의 새로운 기술을 도입한다면, 2~3년 후에는 모든 유저가 이 가치 있는 서비스들을 별다른 의식 없이 일상적으로 이용하게 될 것이다. 우리는 이미 스마트폰 세상에서 이와 비슷한 경험을 겪었다.

이 책은 블록체인 및 VueJS 등의 세부 지식까지 다루지는 않는다. 자바스크립트의 기본 지식 및 터미널 사용 방법을 알고 있다는 가정 하에 블록체인 및 클레이튼 BApp 개발에 관심 있는 초중급 개발자부터 일반인, 풀스택 개발자를 지향하는 학생까지 모두 이 책이 최신 웹 기술을 습득하는 데 도움이 될 수 있기를 바란다.

작가정보

저자(글) 박경호

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