[NFT Furniture Store] 블록체인 포트폴리오

[작품 이름]

NFT Furniture Store

Furniture Wallet

 

[작품 소개]

NFT Furniture Store는 가구 교환권 NFT를 민팅하여 구매, 판매, 사용할 수 있는 플랫폼입니다. 가구 교환권을 사용하면 메타버스 환경에서 사용할 수 있는 가구를 얻을 수 있습니다. Furniture Wallet을 사용하여 트랜잭션 사이닝, 송금, 계정 복구 등의 작업을 수행할 수 있습니다. 메타버스 환경과 디앱을 제공하는 NFT Furniture Store, 크롬 익스텐션인 NFT Furniture Wallet으로 구성되어 있습니다. 

 

[개발 기간]

2023.12.10~2024.01.30

 

[주요 기능]

1. 회원가입과 로그인

 

2. 비밀번호 찾기

 

3. 프로필

 - 프로필 수정

 - 팔로우 기능

 - 방명록 쓰기, 편집, 삭제

 

4. 블록체인 계정 연동

 

5. NFT

 - 민팅하기

 - 교환권 사용(NFT 소각)

 - 판매하기, 판매 취소

 - 구매하기

*트랜잭션 시간 오래 걸림 주의

 

6. 메타버스 

 - 감정표현

 - 가구 배치 

 - 입장/퇴장, 이동 

 

7. 블록체인 계정 생성

 

8. 블록체인 계정 복구

 

9. 네트워크 추가, 변경

 

10. 송금

 

11. 연락처, 북마크 기능

 

[사용 기술]

언어: Javascript, Solidity

블록체인: Polygon

프레임워크: Express, React

라이브러리: socket.io, react-three/fiber, chakra-ui, jotai, axios, passport,

multer, mysql2, nodemailer, lottie-react, web3, bip39, chrome.storage

프로토콜: HTTP, WebSocket

데이터베이스: MySql

IDE: Visual Studio Code

버전 관리: Git

기타: vite, yarn, S3

 

[후기]

지난번에 WebRTC 프로젝트를 진행했던 것이 엊그제 같은데 드디어 블록체인 포트폴리오도 완성하게 되었습니다. 블록체인에 대한 이해도 자체가 없는 상태에서 시작하여 블록체인에서 쓰이는 단어부터 공부했던 것이 기억 납니다. 팀노바 학생들이 만드는 작품 중에 블록체인 월렛이나 디앱이 많아 저도 많이 참고했습니다. 처음에는 그 작품들이 너무 어려워 보이기만 했는데 결국 저도 만들어 내는군요. 물론 그 시간들이 어렵지 않았다고 말한다면 거짓말입니다. 그러나 버티면서 꾸준히 만들다보니 결국 완성하네요. 

 

이번 작품에서는 기존에 많이 접해본 경험이 없었던 웹 개발을 중심으로 했습니다. 아무래도 앱이나 게임을 만든 경험은 있지만 웹은 약점이라 생각하고 있었습니다. 그래서 이번 작품에서는 Frontend, Backend를 기반으로 하는 Dapp을 개발했고 메타버스 환경 역시 웹 기반으로 개발했습니다. 크롬 익스텐션인 Furniture Wallet 역시 웹이죠. 

 

이번 프로젝트를 통해서 새로운 플랫폼에 적응하고 결과를 만들어 내는 방법을 익힌 것 같습니다. 웹 개발 자체가 저에게는 많이 익숙하지 않았고 블록체인은 전혀 아는 게 없었습니다. 그러나 결국 쓰다보니 익숙해져서 금방(?) 만들었네요. 앞으로도 새로운 플랫폼, 기술, 언어 등을 배우면서 항상 발전하는 개발자가 될 수 있도록 노력하겠습니다. 노프 팀장님께는 항상 감사한 마음을 갖고 있습니다. 앞으로도 더욱 성장하는 개발자가 될 수 있도록 꾸준히 공부하겠습니다. 정말 감사합니다.