Clicker Game을 여러 블록체인에서 구현하기 대시보드

초급자를 위해 준비한
[블록체인, 웹 개발] 강의입니다.

웹3 개발, 어디서부터 시작해야 할지 고민이셨나요? 🤔 지식 컨텐츠부터 실전 코딩까지 더 많은 개발자들과 탄탄한 Web3 인프라를 만들어가기 위해, DSRV는 다양한 메인넷과 스마트 컨트랙트에 대한 가이드를 제공합니다. 정보를 찾기 어려워 쉽사리 시작하지 못했던 Web3 dApp 및 컨트랙트 개발, 이제 Dev Playground와 함께 차근차근 알아가보아요! 👩‍💻

CosmWasm 101 와씀! 
웹3 시대, 내 손으로 만드는 디앱 🌎 

재미있는 디앱 만들기 
한번 해보실래요? 🙌

안녕하세요, 웹3 시대의 인프라를 만들어가는 DSRV입니다!

요즘 대세로 떠오른 WEB3, 왠지 막연하게 느껴지시나요? WEB3를 학습하기 위해 자료를 찾아보면 기술적으로 쓰여진 튜토리얼이 많이 있습니다. 하지만 WEB3가 생소한 사람들에게는 이런 설명들이 딱딱하고 복잡해 보여 이해하기 어렵기 마련이죠. 하지만 DSRV는 더 많은 웹 개발자가 스마트 컨트랙트(Smart Contract) 개발을 접할 수 있도록, 직접 무언가를 만들어보면서 WEB3를 학습할 수 있게 안내해 드립니다.  

이번 CosmWasm 101 시리즈는 간단한 클리커 게임(Clicker Game)을 만들기 위해 필요한 컨트랙트 설명, 배포, 리액트(React) 프론트엔드 연결까지 필요한 모든 내용을 실습을 통해 차근차근 이해할 수 있도록 구성되었습니다. WEB3.0과 블록체인에 관심이 많은 웹 개발자라면 누구나 함께할 수 있습니다. 그럼 직접 만들어봅시다!

그런데, CosmWasm이 뭐죠? 😮

다양한 블록체인 네트워크를 상호 연결할 수 있다는 점에서 이더리움(Ethereum)의 강력한 경쟁자로 꼽히는 Cosmos 네트워크는 최근 WebAssembly와 Rust를 사용해 스마트 컨트랙트를 배포할 수 있는 CosmWasm(코슴와즘)을 발표했습니다. 

CosmWasm에 대한 관심이 높아지고 있지만, CosmWasm 네트워크에서 Rust 언어를 활용해 컨트랙트를 작성하는 예제는 그동안 공식 문서에 영어로만 제공되어 왔습니다. 때문에 초심자 입장에서 실제로 CosmWasm을 활용하기 위한 튜토리얼이 존재하지 않았고, 진입 장벽이 매우 높게 느껴질 수밖에 없었습니다. 

이 강의를 듣고 나면 CosmWasm 네트워크 위에서 간단한 컨트랙트 및 프론트엔드 페이지를 작성할 수 있게 됩니다. CosmWasm, 그리고 스마트 컨트랙트 개발에 관심이 있었지만 쉽사리 시작하지 못하던 많은 분들께 이 강의가 좋은 출발점이 될 수 있기를 바랍니다.

CosmWasm 101에서 
배우는 내용 📚

본 강의는 실습 위주로 구성되어 있으며, 중간중간 필요한 이론을 설명하는 방식으로 진행됩니다.

먼저 1편에서는 Counter 컨트랙트를 직접 작성해보고, 테스트를 통과시켜보며 해당 컨트랙트가 어떻게 구현되어 있는지 살펴봅니다. Entrypoint, Processor, Error 등 CosmWasm이 사용하는 기본적인 디자인 패턴에 대해 학습하실 수 있습니다.

다음 2편에서는 Counter 컨트랙트를 Osmosis와 Juno Testnet에서 배포해봅니다. osmosisd와 CosmJS, 그리고 DSRV의 Multi RPC 노드 플랫폼인 All That Node를 활용하여 블록체인 네트워크와 통신합니다. 기본적인 자바스크립트 지식과 Node.js를 사용해본 경험이 있다면 큰 무리 없이 학습하실 수 있습니다.

마지막 3편에서는 이전에 배포하여 작성한 컨트랙트를 바탕으로 프론트엔드와 통신하는 방법에 대해 학습하게 됩니다. CosmJS와 Keplr Wallet를 활용하여 배포한 컨트랙트가 React.js와 상호 통신하면서 컨트랙트의 메소드를 호출하고, 블록체인에 데이터를 기록하는 방법을 배울 수 있습니다.

Q&A를 확인해보세요! 💬

이런 분들께 추천드려요!