-
[AWS] AWS S3 버킷을 이용한 NFT 민팅하기 (ERC-721 / Mumbai Testnet)
[AWS] AWS S3 버킷을 이용한 NFT 민팅하기 ‘메타데이터 JSON 파일’ 을 블록체인에 그대로 저장하면 가스비(gas)가 많이 나오기 때문에 분산저장소에 데이터를 담고 그 경로를 블록체인에 담는다 ‘메타데이터 JSON’ 👉 NFT 에 넣을 정보를 담는 그릇 이미지 / 동영상 / 소리 등 같은 데이터는 가스비가 많이 나온다 분산저장소 개념 정리 1. NFT로 만들 이미지를 준비합니다 2. 생성한 AWS S3 버킷에 이미지 업로드 AWS S3 버킷에 NFT metadata 저장공간 세팅하기 ... Read More
-
[AWS] AWS S3 버킷에 NFT metadata 저장공간 세팅하기
[AWS] NFT metadata 저장공간 세팅하기 (Setting) IPFS 저장공간이 아닌 AWS S3 버킷 를 이용하여 NFT를 만들어 보려합니다 1. AWS S3 에서 버킷을 만들어준다 2. 버킷 구성 설정후 생성 버킷 이름 AWS 리전 퍼블릭 엑세스 차단 체크 해제 현재 설정 확인 체크 ✅ 3. 생성된 버킷에서 권한 탭에 있는 버킷정책 편집 을 클릭 👆 정책 생성기로 버킷 정책을 생성해준다 4. 정책 생성기로 버킷 정책생성하기 Select Type of Policy 👉 S3 Bucket Pol... Read More
-
[AWS] AWS EC2 서버를 로컬에서 연결하기 (PuTTY / VSCode)
❗ AWS EC2 인스턴스가 생성되어 있다는 가정하에 진행합니다 AWS EC2 서버 연결하는 3가지 방법 1. AWS EC2 홈페이지에서 직접 연결 1-1. 실행중인 인스턴스 세부정보 페이지로 이동 👆 우측 상단에 있는 연결 버튼 클릭 1-2. EC2 인스턴스 연결 탭에서 주황색 연결 버튼 클릭 1-3. EC2 서버 연결이 완료되면 터미널이 열린다 👆 리눅스(Linux) 터미널 명령어를 입력할 수 있다 2. PuTTY 프로그램을 통한 서버 연결 EC2 인스턴스 키페어 를 발급 받았다면 로컬 환경에서도 접속이 가능하다 PuTTY 프로그램으로 연... Read More
-
[React] MetaMask 연결하고 새로고침 & localStorage 저장하기
프로젝트 보완해야 할 사항 새로고침하면 지갑연결이 풀리는 현상 메타마스크 지갑 연결 후 웹페이지 새로고침을 누르면 MetaMask 지갑이 연결은 되었는데 새로고침을 하면 연결이 풀리는 것과 같이 보여지고 있습니다 (실제로 연결은 되어있는데 버튼은 풀려 보이는 현상) 해결 방법 😎 window.ethereum.request / method "eth_requestAccounts" 👉 클라이언트와 메타마스크 계정을 연결 "eth_accounts" 👉 클라이언트가 소유한 주소 목록을 반환 localStorage (로컬스토리지) 저장소 localSt... Read More
-
[Project] Crypto Donate! (이더리움으로 축하금 받기)
[Project] Toy 프로젝트 회고 💰 Crypto Donate! ‘Crypto Donate’ 은 이더리움으로 기부 / 축하금 / 축의금 등 을 받을 수 있는 dApp 토이프로젝트 입니다 보내는 사람의 이름과 간단한 메시지를 입력하고 이더리움을 송금할 수 있습니다 🧬 아키텍처 설계 🚦 프로젝트 구성 프로젝트 기간 (10/1 ~ 10/2) Front-end 리액트 를 이용한 웹페이지 UI/UX 구성 web3.js 를 이용한 블록체인 연동 Smart Contract solidity 를 이용한 스마트컨트랙트 코드 작성 Harthat 으로 스마트컨트랙트 배포 ... Read More
-
[React] onChange 이벤트 target.value 반복되는 코드 리팩토링하기
input 태그 onChange 이벤트 target value 반복되는 코드 리팩토링하기 (Refactoring) Input 👉 onChange 이벤트 👉 target.value Input 창에 입력되는 값을 받아오는 경우 👆 위와 같이 Input 창이 필요할때마다 비슷한 형태로 반복되는 코드를 작성해주어야 한다 반복되는 코드가 보이면 효율적인 형태로 리팩토링하고 싶어지는데 ‘두가지 방법’ 을 기록하려한다 😎 1. 커스텀 Hook 만들어서 관리하기 useInput.js 이라는 파일을 하나 생성해서 useState 와 useCallback 을 이용한 컴포넌트를 만들어준다 import ... Read More
-
[멋쟁이사자처럼] 블록체인 스쿨 후기 BCS 1기 3주차
🦁 [BCS 1기] 3주차 후기 / 회고 KIP-17으로 NFT 민팅 & ERC-20, ERC-721 세부 분석 ERC-20, ERC-721 코드를 가지고 복붙해서 내가 발행하고자 하는 토큰, NFT 이미지, 이름만 설정하고 배포 하는 것까지만 확실히 알고 있었고 세부 코드는 자세하게까지 모르고 있었는데 이번에 코드 하나하나 뜯어서 원리를 제대로 배웠습니다 특히 이해가 어려운 allowance 함수에 대해 자세한 설명을 해주셨습니다 allowance 👉 owner가 spender에게 양도 설정한 토큰의 양을 확인 A와 B가 서로 거래를 하는데 못 믿을 수도 있으니 C 라는 ... Read More
-
[Solidity] PFP NFT 민팅 하기 (KIP-17 기반)
KIP-17 기반 NFT 만들기 (클레이튼 개발 환경에서 NFT 개발) Klaytn IDE 사용, Baobab Testnet 배포 🦁 [BCS 1st TIL] Part 1-PFP 민팅 실습 회고 KIP-17 이란? KIP-17은 Klaytn Improvement Proposals-17 의 약자 👉 클레이튼의 17번째 개선 제안이다 KIP는 클레이튼 블록체인 네트워크에서 발행되는 토큰(token)의 표준 KIP-17은 ERC-721 토큰에서 파생되었다 ‘KIP-17’ 기반으로 발행된 토큰은 대체가 불가능하다 👉 대체 불가능 토큰 (NF... Read More
-
[Project] 블록체인 옷장 (Wardrobe dApp)
[Project] Toy 프로젝트 회고 🚪 프로젝트 명 ‘옷장’ ‘옷장’ 은 프라이빗 블록체인을 (하이퍼레저 패브릭) 이용한 토이프로젝트 입니다 나의 옷장에 있는 옷들의 색상, 사이즈, 메이커 등 상세정보를 입력하고 사진을 찍어 블록체인에 기록할 수 있습니다 🧬 아키텍처 설계 🚦 프로젝트 구성 프로젝트 기간 (11/7 ~ 11/13) Front-end 타입스크립트 를 이용한 웹페이지 UI/UX 구성 Smart Contract Go lang 으로 작성된 체인코드 배포 CouchDB 에 데이터 저장 Back-end Node js &... Read More
-
[멋쟁이사자처럼] 블록체인 스쿨 후기 BCS 1기 2주차
🦁 [BCS 1기] 2주차 후기 / 회고 🧐 센스있는 수업 일주일 동안 8시간씩 계속 만나서 수업을 하다 보니 강사님과 수강생분들이 어느새 조금은 친해진 듯 했습니다 유머인 듯 아닌 듯 하는 재치와 센스 섞인 설명으로 이해가 팍팍 되는 수업 만족했습니다! 🔸 솔리디티 이번 주 2일은 블록체인 이론을 배우고 3일 동안은 가상 개발환경 Remix IDE 를 이용하여 ‘솔리디티’ 언어를 배우기 시작했습니다 즉석으로 솔리디티 문제를 내셔서 직접 코드를 짜고 제출하는 ‘간이 코딩테스트’ 시간을 많이 가졌습니다 원래 조금 알고있던 솔리디티를 다시 한번 익히는 데에 상당히 도움이 되는 시간이었습니다 🙏 ... Read More