NECommerce

당신의 디지털 자산을 안전하게 관리하고 손쉽게 거래하도록 도와줄게요! 😎

0. 목차

1. NECommerce 소개
2. 핵심기능
3. 기술 스택 및 아키텍처

1. NECommerce 소개

🖌 개요

NFT E-Commerce

디지털 이미지를 NFT로 발급해 디지털 자산의 소유권을 증명했으며 추가적으로 ERC-20 기반의 token을 통해 사용자 간의 NFT 거래를 가능하게 했습니다.

🦊 MetaMask 지갑을 활용하여 사용자의 UI/UX 편의성과 사용성을 높였습니다.

• 개발 기간 : 2021.08.30 ~ 2021.10.08
• 주제 : NFT 발급과 자체 토큰인 NE를 화폐로 NFT를 거래할 수 있는 웹 서비스

👨‍👩‍👦‍👦 팀원소개

Name	최다윗	고노윤	윤영은	임영찬
Role	👑팀장 ERC-20 작성 및 배포	📹UCC 담당자 ERC-20 작성 및 배포	🎤발표자 ERC-721 작성 및 배포	📝발표자료 작성 ERC-721 작성 및 배포
Position	Backend CI/CD	Backend Frontend	Backend Frontend	Backend Frontend
Git	@dawit95	@nohyoonko	@yeongeun109	@lim8662

⛓ 블록체인

ERC-20, ERC-721 모두 Ropsten Testnet에 배포해서 사용했습니다.

• ERC-20 기반의 자체 코인(NE) 사용

• ERC-721 기반의 NFT 발행 및 거래

✨ 차별점

메인넷 환경과 가장 비슷한 Ropsten 테스트넷을 사용해 스마트 컨트랙트 개발환경의 최적화를 진행했습니다.

테스트넷에 ERC-20, ERC-721 스마트 컨트랙트를 배포하여 사용했습니다.

• ERC-20 스마트 컨트랙트는 10만개의 NE 토큰을 생성해 사용자의 거래 코인으로 사용되게 구현했습니다.
• ERC-721 스마트 컨트랙트는 특정 이미지 url에 대하여 소유권을 증명하는 NFT를 생성하고 소유자가 사이트를 통해 안전하게 거래할 수 있도록 서비스를 제공합니다.

2. 핵심기능

1️⃣ 상품 목록 조회 - 메인 페이지

메인 페이지에서는 판매 등록된 모든 NFT 상품의 목록 조회가 가능합니다.

Art, Photo 두 개의 카테고리 별 분류와, 제목/소유자 기반 검색어로 필터 기능을 제공합니다.

2️⃣ NFT 발급

NFT 상품명과 이미지 URI, 상품 설명, 카테고리를 입력 받아 NFT를 발급합니다.

3️⃣ 소유한 NFT 조회 - 마이 페이지

마이페이지로 이동하려면 먼저 메타마스크의 지갑과 연결을 해야합니다.

연결이 완료되면 Wallet 탭에서 지갑의 계정 주소와 이더잔액, 그리고 NE 토큰의 잔액이 보이고 충전 버튼을 통해 5NE씩 충전할 수 있습니다.

My NFT 탭에는 사용자가 소유한 NFT들을 조회할 수 있습니다.

4️⃣ NFT 거래 기능

• 판매

사용자가 소유한 NFT 상세 페이지에서 NE 토큰 가격을 설정해 판매 등록을 할 수 있습니다.

판매 등록이 완료되면 메인 페이지의 거래 목록에 올라가게 됩니다.

• 구매

구매 버튼을 누르면 메타마스크가 호출되며 사용자가 서명하면 해당 NE 가격만큼 송금됩니다.

또한 블록체인 상의 NFT의 소유자가 바뀌고 마이페이지의 My NFT 탭에서 구매한 NFT를 확인할 수 있습니다.

3. 기술 스택 및 아키텍처

🛠 기술 스택

Frontend :

Backend :

Tool :

⚙️ 아키텍처

fin.