안녕하세요, 오늘은 제가 BNB 테스트넷에서 작동하는 DApp 프로젝트 BNB.Fun을 개발하며 겪은 과정을 공유하려고 합니다. 이 프로젝트는 토큰 발행부터 프리세일(구매/환불) 기능까지 구현하는 것을 목표로 했고, 여러 시행착오 끝에 성공적으로 완성했습니다. 그 여정을 정리해 보겠습니다.
원인2. : CustomToken이 Presale 주소를 필요로 하는데, Presale은 CustomToken 주소를 필요로 함 → 순서 문제로 인해 CustomToken의 초기 공급량이 잘못된 주소(address(0))로 민팅되거나, 이후 Presale에서 토큰을 다룰 때 오류 발생.
해결: Presale을 먼저 만들어 presaleAddress를 확보한 뒤, 이를 CustomToken에 전달 → CustomToken이 올바른 Presale 주소에 민팅하고, Presale은 이후 업데이트로 토큰을 인식. *이 문제로 진짜 몇일동안 뭐가 문제인지 고민함...(백업하고 구현하고 문제발생되고 다시 백업하고 구현하고 문제 생기고.. 반복)
최종 프로젝트 형태는 Pump.fun과 비슷한 Dapp을 배포하는것입니다! 저만의 차별성이 있기도하고 아이디어가 번뜩 떠올라서 구현해보려고합니다. 100개 프로젝트 만들다보면 한개쯤 대박 터지겠죠? 1달에 1개 프로젝트를 만들면 8년안에 pump.fun같은 대박서비스가 개발될수도.... 지금 저는 군대(육군장교)인데 진짜 주간에는 작업하고, 훈련계획짜고, 용사들 챙기고 훈련뛰고나면 개발하기가 힘들지만... 다시 1일1코딩 도전합니다.!
프로젝트 개요
BNB Chain Testnet에서 스마트 컨트랙트를 배포하고, 프론트엔드와 연동해서 토큰 생성 및 프리세일 기능을 구현한 과정을 공유하려고 합니다. Hardhat, React, Ethers.js를 사용했으며, 단계별로 자세히 정리해봤습니다.
이 프로젝트(실습)는 유저가 0.01 BNB(test net bnb)를 지불하면 새로운 ERC-20 토큰을 생성하고, 생성된 토큰을 프리세일 컨트랙트로 전송한 뒤, 프리세일에서 유저가 토큰을 구매할 수 있는 DApp을 만드는 것을 목표로 했습니다. 주요 구성 요소는 다음과 같습니다:
TokenFactory 컨트랙트: 새로운 토큰을 생성하고 프리세일 컨트랙트로 전송.
Presale 컨트랙트: 프리세일 진행 및 유동성 풀 추가.
프론트엔드: React로 구현, 유저가 토큰 생성 및 프리세일에 참여 가능. * ui는 Tailwind Css사용해서 업+Pump.fun과 비슷하게 구현할겁니다!
개발 환경
블록체인 네트워크: BNB Chain Testnet
스마트 컨트랙트 개발: Hardhat, Solidity
프론트엔드: React, Ethers.js
지갑: MetaMask
구현 단계
1. 스마트 컨트랙트 작성
1.1 TokenFactory 컨트랙트
TokenFactory 컨트랙트는 유저가 0.01 BNB를 지불하면 새로운 ERC-20 토큰을 생성하고, 발행된 토큰을 Presale 컨트랙트로 전송합니다.
contracts/TokenFactory.sol:solidity
// SPDX-License-Identifier: MIT
pragma solidity ^0.8.0;
import "@openzeppelin/contracts/token/ERC20/ERC20.sol";
import "@openzeppelin/contracts/access/Ownable.sol";
contract TokenFactory is Ownable {
uint256 public constant CREATE_FEE = 0.01 ether;
address public presaleContract;
event TokenCreated(address tokenAddress, string name, string symbol);
constructor(address _presaleContract) Ownable(msg.sender) {
require(_presaleContract != address(0), "Presale contract address cannot be zero");
presaleContract = _presaleContract;
}
function createToken(string memory name, string memory symbol) external payable {
require(msg.value == CREATE_FEE, "Must send 0.01 BNB to create token");
require(bytes(name).length > 0, "Token name cannot be empty");
require(bytes(symbol).length > 0, "Token symbol cannot be empty");
CustomToken newToken = new CustomToken(name, symbol, 100_000_000 * 10**18);
require(newToken.transfer(presaleContract, 100_000_000 * 10**18), "Token transfer failed");
emit TokenCreated(address(newToken), name, symbol);
}
function withdraw() external onlyOwner {
payable(owner()).transfer(address(this).balance);
}
}
contract CustomToken is ERC20 {
constructor(string memory name, string memory symbol, uint256 initialSupply)
ERC20(name, symbol)
{
_mint(msg.sender, initialSupply);
}
}
1.2 Presale 컨트랙트
Presale 컨트랙트는 유저가 BNB를 보내서 토큰을 구매할 수 있도록 하고, 목표 BNB(5 BNB)에 도달하면 PancakeSwap에 유동성을 추가합니다.
contracts/Presale.sol (일부 생략):solidity
// SPDX-License-Identifier: MIT
pragma solidity ^0.8.0;
import "@openzeppelin/contracts/token/ERC20/IERC20.sol";
import "@openzeppelin/contracts/access/Ownable.sol";
contract Presale is Ownable {
IERC20 public token;
uint256 public constant INITIAL_RATE = 10_000_000;
uint256 public constant TARGET_BNB = 5 ether;
uint256 public totalBNB;
mapping(address => uint256) public contributions;
mapping(address => uint256) public tokenBalances;
constructor(IERC20 _token) Ownable(msg.sender) {
token = _token;
}
function buyTokens() external payable {
uint256 tokenAmount = msg.value * INITIAL_RATE;
require(token.balanceOf(address(this)) >= tokenAmount, "Not enough tokens");
contributions[msg.sender] += msg.value;
tokenBalances[msg.sender] += tokenAmount;
totalBNB += msg.value;
}
}
"Create Token" 버튼 클릭 → 이름: "MyToken", 심볼: "MTK" 입력.
0.01 BNB 지불 → 트랜잭션 성공 → 토큰 생성 완료.
4. 토큰 소유자 확인
TokenFactory에서 생성된 토큰은 Presale 컨트랙트로 전송됩니다. 따라서 현재 1억 토큰은 Presale 컨트랙트(0xDD95883d286150DB9781242239C2197E22305A80)가 소유하고 있습니다.
마무리
오늘은 BNB Chain Testnet에서 토큰 생성 및 프리세일 DApp의 기본 기능을 구현해봤습니다. 몇 가지 에러(예: 트랜잭션 리버트, 가스 한도 문제)를 해결하면서 많은 것을 배웠어요. 다음 단계로는 프리세일 페이지에서 유저가 토큰을 구매할 수 있도록 기능을 추가할 예정입니다.
블록체인이란 제 3자 없이도 데이터의 정합성을 수학적으로 담보할 수 있는(위·변조가 불가능한) 분산화된 공개 거래장부입니다. 분산 데이터베이스 기술로 구성되어 있으며, 합의 알고리즘에 따라 다수의 참여자 투표를 거처 의사결정을 진행합니다. 또한 해시값으로 구성된 블록들이 체인으로 연결되어 있으므로 데이터를 위·변조 하는 것은 거의 불가능에 가깝습니다.
블록체인의 특징
탈중앙화
블록체인의 기본적인 특징으로, 중앙화 되어 있는 집단이 없고 '제 3자 신뢰 기관'이 존재하지 않습니다.
블록체인은 다수의 참가자가 데이터를 저장하고, 증명하기 때문에 중앙 관리자가 존재하지 않습니다.
중앙 관리자 대신에 '스마트 컨트랙트' 라는 전자계약을 통해 개인 간 거래가 가능합니다.
확장성
공개된 소스로 인해 네트워크 참여자는 누구나 구축하고 연결 또는 확장할 수 있습니다.
네트워크를 통해서 데이터 공유가 필요한 시스템 간의 확장이 쉽고, API를 통한 기존 시스템과의 확대도 고려할 수 있습니다.
투명성
블록체인에 연결된 모든 거래 기록은 공개적으로 접근할 수 있습니다.
거래 양성화 및 보안, 감독, 규제 비용 절감이 가능합니다.
무결성
데이터가 블록에 담기고 그 블록이 체인에 연결되면 데이터를 변경하는 것은 사실상 불가능합니다.
블록체인에 연결된 블록들은 암호학적으로 이전 블록과 특정한 관계를 맺고 있어, 변경하고자 하는 블록 이전의 모든 블록을 변경해야만 하기 때문입니다.
블록체인 핵심 구성 요소
1. 분산 원장
분산 원장은 블록체인에서 발생하는 모든 내역이 서로 공유되어 저장되는 데이터베이스입니다. 기존 데이터베이스에서는 데이터를 등록한 후 수정, 삭제할 수 있었지만, 블록체인에서는 한번 기록된 내역은 삭제할 수 없습니다.
2. 스마트 컨트랙트
스마트 컨트랙트는 제 3의 기관 없이 코드로만 계약이 이루어질 수 있도록 하는 기술입니다. 기존 비트코인에서는 입출금 내역(UTXO: Unspent Transaction Outputs)만으로 동작하였기 때문에 단순 거래만 가능할 뿐 계약이 불가능했습니다. 하지만 스마트 컨트랙트가 등장하면서 거래뿐만 아니라 계약을 기반으로 다양한 코드가 생성됨에 따라 블록체인 생태계가 확장될 수 있었습니다.
3. PKI
PKI (Public Key Infrastructure)는 보통 높은 수준의 신원 인증 시스템이라고 생각합니다. 하지만, 인증 기관 (Certificate Authority)에 따른 중앙집권적 특성으로 인해 종종 데이터 소유권 및 신뢰성에 대한 문제가 발생합니다. 그 결과, 많은 사람은 인증 기관을 신뢰할 수밖에 없습니다.
블록체인에서는 인증 기관이 존재하지 않습니다. 프라이빗 키는 사용자가 보관하고, 퍼블릭 키는 블록체인에 저장함으로써 거래할 때사용자가 소유하고 있는 프라이빗 키로 서명하고 블록체인에서는 해당 서명이 유효한지 판단합니다.
1
블록체인 (Blockchain)
데이터를 블록 단위로 묶어 체인 형태로 연결한 분산 원장 기술입니다. 각 블록은 이전 블록과 암호학적으로 연결되어 데이터의 무결성과 투명성을 보장합니다.
2
퍼블릭 블록체인 (Public Blockchain)
누구나 참여할 수 있는 공개형 블록체인으로, 탈중앙화된 네트워크에서 모든 거래 내역이 투명하게 공개됩니다.
3
프라이빗 블록체인 (Private Blockchain)
특정 조직이나 그룹 내에서만 접근 가능한 폐쇄형 블록체인으로, 접근 권한이 제한되어 있습니다.
4
컨소시엄 블록체인 (Consortium Blockchain)
미리 선정된 노드에 의해 제어되는 반중앙화된 블록체인으로, 퍼블릭과 프라이빗 블록체인의 중간 형태입니다.
5
블록 (Block)
유효한 거래 정보를 포함하는 데이터 묶음으로, 블록체인의 기본 구성 단위입니다.
6
머클 트리 (Merkle Tree)
블록에 포함된 거래의 해시 값을 트리 형태로 구성한 구조로, 데이터의 무결성을 효율적으로 검증할 수 있습니다.
7
머클 루트 (Merkle Root)
머클 트리의 최상위 노드로, 블록에 포함된 모든 거래의 요약본을 나타냅니다.
8
제네시스 블록 (Genesis Block)
블록체인 네트워크에서 최초로 생성된 블록으로, 블록 높이 0에 해당합니다.
9
블록 높이 (Block Height)
제네시스 블록으로부터 현재 블록까지의 순서를 나타내는 지표입니다.
10
블록 헤더 (Block Header)
블록의 메타데이터를 포함하는 부분으로, 버전, 이전 블록 해시, 머클 루트, 타임스탬프, 난이도 목표, 논스 등이 포함됩니다.
11
블록 보상 (Block Reward)
새로운 블록을 생성한 채굴자에게 지급되는 보상으로, 새로운 코인 발행과 거래 수수료로 구성됩니다.
12
블록 타임 (Block Time)
새로운 블록이 생성되는 데 걸리는 평균 시간을 의미합니다. 예를 들어, 비트코인의 블록 타임은 약 10분입니다.
13
블록 탐색기 (Block Explorer)
블록체인 네트워크의 블록, 거래, 주소 등의 정보를 조회할 수 있는 웹 서비스입니다.
14
비트코인 (Bitcoin)
2009년에 사토시 나카모토에 의해 개발된 최초의 분산형 암호화폐입니다.
15
비트코인 코어 (Bitcoin Core)
비트코인 네트워크를 구성하고 거래를 검증하는 공식 소프트웨어입니다.
16
스테이블 코인 (Stablecoin)
법정 화폐나 실물 자산에 연동되어 가격 변동성을 최소화한 암호화폐입니다.
17
이더리움 (Ethereum)
스마트 컨트랙트 기능을 지원하는 블록체인 플랫폼으로, 다양한 분산형 애플리케이션(DApp)을 개발할 수 있습니다.
18
디앱 (DApp)
탈중앙화된 애플리케이션으로, 블록체인 상에서 스마트 컨트랙트를 통해 작동합니다.
19
스마트 컨트랙트 (Smart Contract)
블록체인 상에서 자동으로 실행되는 계약으로, 사전에 정의된 조건이 충족되면 계약이 자동으로 이행됩니다.
20
해시 함수 (Hash Function)
임의의 입력 데이터를 고정된 크기의 해시 값으로 변환하는 함수로, 데이터의 무결성 검증에 사용됩니다.
21
해시레이트 (Hash Rate)
초당 수행되는 해시 계산의 수를 나타내며, 채굴 성능을 평가하는 지표입니다.
22
채굴 (Mining)
블록체인 네트워크에서 거래를 검증하고 새로운 블록을 생성하는 과정으로, 채굴자는 이에 대한 보상을 받습니다.
23
작업 증명 (Proof of Work, PoW)
채굴자가 복잡한 수학 문제를 해결해야만 새로운 블록을 생성할 수 있는 합의 알고리즘입니다.
24
지분 증명 (Proof of Stake, PoS)
코인 보유량에 비례하여 블록 생성 권한을 부여하는 합의 알고리즘입니다.
25
위임 지분 증명 (Delegated Proof of Stake, DPoS)
코인 보유자가 대표자를 선출하고, 선출된 대표자가 블록을 생성하는 합의 알고리즘입니다.
26
합의 알고리즘 (Consensus Algorithm)
분산 네트워크에서 거래의 유효성을 검증하고 블록을 생성하기 위해 노드 간의 합의를 이끄는 프로토콜입니다.
27
노드 (Node)
블록체인 네트워크에 참여하는 개별 컴퓨터나 장치를 의미합니다.
28
풀 노드 (Full Node)
블록체인의 전체 데이터를 저장하고 네트워크의 규칙을 검증하는 노드입니다.
29
라이트 노드 (Light Node)
전체 블록체인을 다운로드하지 않고 필요한 정보만을 조회하는 노드입니다.
30
트랜잭션 (Transaction)
블록체인 네트워크 내에서 자산이나 데이터를 전송하는 작업을 의미합니다.
31
트랜잭션 수수료 (Transaction Fee)
트랜잭션을 처리하기 위해 지불하는 수수료로, 채굴자에게 지급됩니다.
32
가스 (Gas)
이더리움 네트워크에서 트랜잭션을 처리하거나 스마트 컨트랙트를 실행할 때 필요한 수수료 단위입니다.
문제 설명 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다.
마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요.
제한사항 마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다. completion의 길이는 participant의 길이보다 1 작습니다. 참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다. 참가자 중에는 동명이인이 있을 수 있습니다.
def solution(participant, completion):
hashDict = {}
print(type(hashDict))
sumHash = 0
# 결론 : 참가자목록을 {해시값:"사람이름"}으로 정의하고 참가자목록의 해시값 총합을 더해놓음
# 참가자_총_해시값 - 완주자_총_해시값 = 미완주자의_해시값
# 참가자목록[미완주자_해시값] = 미완주자 이름이 나오게됨
# 1. Hash : Participant의 dictionary 만들기
# 2. Participant의 sum(hash) 구하기
for part in participant:
hashDict[hash(part)] = part
sumHash += hash(part)
print(hashDict)
# 3. completion의 sum(hash) 빼기
for comp in completion:
sumHash -= hash(comp)
# 4. 남은 값이 완주하지 못한 선수의 hash 값이 된다
return hashDict[sumHash]
It is esm only in 5.x You can still use a dynamic import to import it in node at least afaik, but should probably just stick to 4.x until you can migrate to esm (feature set shouldn't be much different)
#myproject/urls.py
from django.contrib import admin
from django.urls import path , include
#사용자가 사이트에 접속했을떄 요청을 어떻게 누가 처리할건지 지정하는
#라우팅을 해주는 파일
# https://127.0.0.1/
# https://127.0.0.1/app/
# https://127.0.0.1/create/
# https://127.0.0.1/read/1/
urlpatterns = [
path('admin/', admin.site.urls),
path('',include('myapp.urls'))
]
#myapp/urls.py
#장고의 urls.py 파일은 페이지 요청이 발생하면 가장 먼저 호출되는 파일로
#URL과 뷰 함수 간의 매핑을 정의한다. 뷰 함수는 views.py 파일에 정의된 함수를 말한다.
# 본 프로젝트에서는 글생성, 읽기, 삭제, 수정 이 있기때문에 4개의 path를 추가해주었다.
from django.contrib import admin
from django.urls import path , include
from myapp import views
urlpatterns = [
path('',views.index),
path('create/',views.create),
path('read/<id>/',views.read),
path('delete/' , views.delete),
path('update/<id>/',views.update)
]
#myapp/views.py
from django.shortcuts import render, HttpResponse
import random
from django.views.decorators.csrf import csrf_exempt
from django.shortcuts import redirect
nextId = 4
topics = [
{'id':1, 'title':'routing', 'body':'Rounting is ..'},
{'id':2, 'title':'view', 'body':'view is ..'},
{'id':3, 'title':'model', 'body':'model is ..'}
]
def HTMLTemplate(articleTag,id=None):
global topics
ol = ''
contextUI =''
if id != None:
contextUI = f'''
<li>
<form action="/delete/" method="post">
<input type="hidden" name="id" value={id}>
<input type="submit" value="delete">
</form>
</li>
<li>
<a href="/update/{id}">update</a>
</li>
'''
for topic in topics:
ol += f'<li><a href = "/read/{topic["id"]}">{topic["title"]}</a></li>'
return (f'''
<html>
<body>
<h1><a href="/" > Django</a></h1>
<ol>
{ol}
</ol>
{articleTag}
<ul>
<li><a href="/create/">create</a></li>
{contextUI}
</ul>
</body>
</html>
''')
def index(request):
article = '''
<h2> Welcome</h2>
Hello Django
'''
return HttpResponse(HTMLTemplate(article))
def read(request,id):
global topics
article =''
for topic in topics:
if topic['id'] == int(id):
article = f'<h2>{topic["title"]}</h2>{topic["body"]}'
return HttpResponse(HTMLTemplate(article,id))
@csrf_exempt
def create(request):
global nextId
print('request.method : ' , request.method)
if request.method == 'GET':
article ='''
<form action= "/create/" method="post">
<p> <input type="text" placeholder="title" name="title"> </p>
<p> <textarea name="body" placeholder="body"> </textarea> </p>
<p> <input type="submit"></p>
</form>
'''
return HttpResponse(HTMLTemplate(article))
elif request.method =='POST':
title = request.POST['title']
body = request.POST['body']
newtopic = {"id":nextId , "title":title, "body":body}
url = '/read/' + str(nextId)
nextId = nextId + 1
topics.append(newtopic)
return redirect(url)
@csrf_exempt
def delete(request):
global topics
if request.method == 'POST':
id = request.POST['id']
newTopics = []
for topic in topics:
if topic['id'] != int(id):
newTopics.append(topic)
topics = newTopics
return redirect('/')
@csrf_exempt
def update(request,id):
global topics
if request.method == 'GET':
for topic in topics:
if topic['id'] == int(id):
selectedTopic ={
"title":topic['title'],
"body":topic['body']
}
article = f'''
<form action ="/update/{id}/" method="post">
<p> <input type="text" name="title" placeholder="title"></p>
<p> <textarea name="body" placeholder="body">{selectedTopic['body']}</textarea></p>
<p> <input type="submit"></p>
</form>
'''
return HttpResponse(HTMLTemplate(article,id))
elif request.method =='POST':
title = request.POST['title']
body = request.POST['body']
for topic in topics:
if topic['id'] == int(id):
topic['title'] = title
topic['body'] = body
return redirect(f'/read/{id}')
<4. 결과화면 >
< 5.느낀점 >
Django를 처음 공부하면서 배우는건데 파이썬과 웹작동방식을 조금 알고있으니 빨리 빨리 이해되는거같다.
html css db이용해서 웹페이지 게시판을 처음 구현할때 1주일이 넘는시간이 걸렸던거같은데....
쨋든 개발을 다하고나서 글쓰기에 <script>alert('test')</script> 스크립트문을 넣었더니 그대로 실행되더라... 보안적인 부분은 아직 장고라는 프레임워크를 배우는단계라 고민만 해보고 다음 단계로 넘어가야겠다.
