# 개요 알레오의 스마트 컨트랙트 언어 Leo를 이용해서 간단한 가위, 바위, 보 게임을 만들어보자. 알레오에서는 문자열을 지원하지 않기 때문에 우리는 가위를 2, 바위를 0, 보를 5로 지정하고 숫자로 규칙을 만든 뒤 플레이어 1과 플레이어 2과 가위바위보 게임을 할 수 있게 할 것이다. # **환경설정** **A. git 설치** [Install Git](https://git-scm.com/downloads) **B. rust 설치** [Install Rust](https://www.rust-lang.org/tools/install) **C. leo 설치 (리눅스나 Mac 환경 추천)** ``` # Download the source code git clone https://github.com/AleoHQ/leo cd leo # Build and install cargo install --path . ``` **D. snark os 설치 (root로 설치하고 root로만 실행해야함, 리눅스 및 Mac 환경 기준)** [Install snarkos](https://developer.aleo.org/testnet/getting_started/installation) **E. env 설정** ``` NETWORK=testnet3 PRIVATE_KEY=PRIVATE_KEY ``` # # **Leo 가위바위보 코드** # leo의 로직코드는 다음과 같다. 간단히 살펴보면 field를 입력받고 각 2개의 파라미터에서 입력받은 것에 따라 주먹은 0, 가위는 2, 보는 5로 설정되어있는데 if 규칙에따라 결과가 결정된다
``` // This example demonstrates the definition and initialization of a "struct" in Leo. program rock_paper_scissors.aleo { // The "Message" struct. struct Message { first: field, second: field, } transition main(m: Message) -> field { let m1: Message = Message { first: m.first, second: m.second, }; //바위 0 //가위 2 //보 5 //m1이 바위일 때 //바위랑 가위 > 바위 승 if(m1.first == 0field && m1.second == 2field){ return m1.first; } //m1이 바위일 때 //바위랑 보 > 보 승 if(m1.first == 0field && m1.second == 5field){ return m1.second; } //m1이 바위일 때 //바위랑 바위 > 무승부 if(m1.first == 0field && m1.second == 0field){ return 10field; } //m1이 가위일 때 //가위랑 바위 > 바위 승 if(m1.first == 2field && m1.second == 0field){ return m1.second; } //m1이 가위일 때 //가위랑 보 > 가위 승 if(m1.first == 2field && m1.second == 5field){ return m1.first; } //m1이 가위일 때 //가위랑 가위일 때 무승부 if(m1.first == 2field && m1.second == 2field){ return 10field; } //m1이 보일 때 //보랑 가위일 때 if(m1.first == 5field && m1.second == 2field){ return m1.second; } //m1이 보일 때 //보랑 바위일 때 if(m1.first == 5field && m1.second == 0field){ return m1.first; } //보랑 보일 때 if(m1.first == 5field && m1.second == 5field) { return 10field; } return m1.first + m1.second; } } ``` # Leo 프로그램으로 가위,바위,보 게임 실행하기 leo의 메인소스가 있는 경로로 경로이동 후 다음 커맨드를 실행한다. ![스크린샷 2024-01-27 15-50-25-1.png](https://i.ibb.co/kq4m5Ln/2024-01-27-15-50-25-1.png)
**쉘스크립트로 위 프로그램을 로컬에서 실행한다고 했을 때는 다음과 같은 로직으로 실행하면 된다.** ``` leo run main "{ first: 0field, second: 2field }" Leo ✅ Compiled 'main.leo' into Aleo instructions ⛓ Constraints • 'rock_paper_scissors.aleo/main' - 54 constraints (called 1 time) ➡️ Output • 0field Leo ✅ Finished 'rock_paper_scissors.aleo/main' (in "/home/robert/work/aleo/rock_paper_scissors/build") ```
쉘스크립트로 가위,바위,보 게임 배포하기 **vi 에디터로 deploy.sh 만들기** ``` vi deploy.sh ``` **쉘스크립트 내용 작성** ``` #!/bin/bash snarkos developer deploy "rock_paper_scissors.aleo" --private-key $1 --query "https://api.explorer.aleo.org/v1" --broadcast "https://api.explorer.aleo.org/v1/testnet3/transaction/broadcast" --priority-fee 16000000 ``` **쉘스크립트 권한 부여** ``` chmod 755 deploy.sh ``` **위 코드와 같이 쉘스크립트를 만들고 다음과 같이 실행하면 테스트넷에 배포할 수 있다.** ``` ./deploy.sh APrivateKey1~~~~ ```
정상적인 배포가 진행될 때 출력되는 화면 ![스크린샷 2024-01-31 20-09-01.png](https://i.ibb.co/Gk7qmCH/2024-01-31-20-09-01.png)
# React + Javascript + Leo로 간단한 가위바위보 게임을 만들어보자 먼저 다음 단계를 통해 환경을 설정해보자.
**git 설치** ``` git clone https://github.com/hex-aragon/aleo_rock_scissors_paper ``` 경로 이동 후 패키지 설치 ``` cd /aleo_rock_scissors_paper npm i npm run dev ``` 그러면 다음과 같은 화면을 프론트엔드에서 볼 수 있습니다. ``` 프롬프트에 나온 http://localhost:5173 or http://localhost:Port ``` ![스크린샷 2024-01-24 23-14-22.png](https://i.ibb.co/F767Bb0/2024-01-24-23-14-22.png) 먼저 플레이어1은 현재 프로그램을 설치하고 실행한 사람이 플레이어1이야, 그래서 가위바위보를 선택할 수 있는데 화면에서 가위, 바위, 보를 선택하면 되 그리고 밑에 "Execute rock, scissors, paper"를 누르면 player2가 랜덤하게 가위바위보를 선택하는데 게임 결과에 따라서 alert로 결과를 알려주고 있어. 다음은 게임결과를 볼 수 있는 화면이야. ![스크린샷 2024-01-24 23-21-51.png](https://i.ibb.co/477tgtX/2024-01-24-23-21-51.png)
**github 링크 참고 :** [https://github.com/hex-aragon/aleo_rock_scissors_paper](https://github.com/hex-aragon/aleo_rock_scissors_paper)

작업물 추가

코멘트

코멘트 작성하기