>>> Github주소 Github_BEB_02_openZo

>>> Notion주소 Notion_openZo

🚀 오픈씨(Opensea)?

오픈씨(Opensea)는 NFT거래소입니다.
Ethereum, klaytn, polygon 네트워크에서 발행되는 NFT들을 거래할 수 있습니다.

🚀 개발목표

오픈씨의 기본 구조와 기능 중 일부를 개발하는 프로젝트를 진행하였습니다.
우선 1차 목표와 추가적인 목표를 나눠서 설정했습니다. 개발기간안에 1차목표를 구현하는 것을 목표로 잡고 이후 2차 목표를 달성을 계획하였습니다.

팀1차 목표

추가적인 목표

🚀 아키텍쳐(Architecture)

서버와 DB의 필요성에 의문을 가지면서 Client 하나만을 구성하여 블록체인 노드를 통해 직접 데이터를 받아오는 구조를 생각했습니다.

1차 개발 이후 블록체인에서 바로 데이터를 가져오는건 사용자의 사용성을 불만족시키겠다는 생각이 들었습니다.
왜냐하면, 아무리 external view 함수에서 데이터를 읽어올 뿐이라도 DB에서 데이터를 가져오는 속도에 못미쳤기 때문입니다. 이후 서버와 DB를 포함한 구조로 방향을 틀었습니다.

🚀 개발분담

개발은 크게 Front와 Backend와 Client-IPFS or Blockchain 을 구분지어 구현하였습니다.
저는 NFT를 Minting하는 기능과 Transfer하는 기능을 맡게 되었습니다.
자세한 내용은 오픈조의 노션페이지를 참고 해주세요.

>>> Notion주소 Notion_openZo

🚀 개발결과

CreateNFT

Transfer

🚀 개발회고

KEEP

1️⃣ 개발을 하면서 항상 느끼는 부분은 해결방법은 항상 존재한다는 것입니다. 이번에도 여지 없이 어딘가에 있을 해결방안들을 찾아 많이 시도해보았습니다. 시도속에서 새로 알게 되는 것들과 많은 실패 끝에 결국 구현에 성공 해냈을 때 그 짜릿함이 계속 코딩을 하게 되는 원동력이 되지 않나 싶습니다.
답을 찾는 여정을 즐기고 문제에 대해 끝까지 부딪히며 해결하려는 의지가 앞으로 제가 계속 고수해 나가야할 근본 마음이라 생각합니다.

2️⃣ 팀원들과 협업시 지속적으로 서로 상황들을 공유하며 개발하였습니다. 이는 팀 프로젝트가 완성도 있게 마무리 될 수 있는 중요한 요소중 하나라 생각합니다.

PROBLEM

1️⃣ 프로젝트 협업에 제일 중요한 GitHub에서 merge때문에 몇 번 애먹은 적이 있었습니다. 이로인해 깨달은 해결방안은 다음과 같습니다.

• GitHub을 팀프로젝트 사용시에 Gitworkflow는 필수! 사전에 미리 브랜치의 규칙을 정하고 main branch가 아닌 dev브랜치로만 merge 할 수 있도록 하기
• 작업 하는 페이지를 미리 서로 언지하여 conflict를 사전에 방지
• merge하는 시간 정해놓고, merge시 미리 해당 사항 공유
• 쉽게 내용을 피드백 할 수 있도록 디스코드와 GitHub 연동하기

2️⃣ 이론으로만 습득한 지식을 코드로 구현할 때의 어려움을 깨달았습니다. 컨트랙트를 불러오고, 트랜잭션을 일으키기 위해서는 서명이 필요하고, 가스비등의 금액을 지불해야하는데 이를 메타마스크와 연동하여 실행하는 코드를 이해하고 작성하는데 시간이 필요했습니다.

• const tx = {
     from: userAddress,
     to: contractAddr,
     nonce: nonce,
     gas: 300000,
     data: contract.methods.mintNFT(userAddress, tokenUri).encodeABI(),
   };

3️⃣ contract를 truffle로 재배포시 이미 배포된 contract를 아무리 수정해도 재배포가 되지 않는 문제가 있었습니다. 이는 저의 한없는 무지에서 비롯되었습니다.

• Truffle init을 통한 폴더 초기화시 아래와 같이 migrations폴더가 존재합니다. 폴더 안에는 1_initial_migration.js 파일들이 존재하는데 truffle에서는 이 폴더의 앞에 붙여진 숫자를 찾아 이미 배포된 contract는 수정되었더라도 재배포 하지 않고, 아직 배포되지 않은 숫자의_initial_migration.js 파일부터 배포를 합니다.
  따라서, contract를 수정 후 재배포 하길 원한다면 새로 숫자_initial_migration.js를 만들어서 배포할 contract를 명시해 주어야 합니다. 자세한 내용은 링크를 통해 확인이 가능합니다. About migration
  

4️⃣ Contract내 함수의 return 값을 받는 방법에 대한 고민이 있었습니다.

web3통해 contract 객체 생성후, 컨트랙트내에 함수값을 리턴 받을 수 있는 방법을 모르고 있다는 것을 알게 되었고, 이를 검색 후 call()을 사용하면 컨트랙트 내에 함수 실행시 return값을 받을 수 있다는 것을 알게 되었습니다.

const tokenId = contract.methods.getTokenId().call();

5️⃣ web3.js 사용시 webpack문제

create-react-app 버전이 5 이상인 경우 발생하는 문제로 아래 나와 있는 링크를 통해 필요한 부분을 설치 후 해결 가능합니다. web3와 creat-react-app webpack버전 문제

6️⃣ 팀원들과 구조 설계시 시간이 좀 걸리더라도 충분한 리서치 후에 설계할 시간을 가지는 것이 좋겠다는 생각이 들었습니다.

TRY

1️⃣ 현재 속도 개선으로 인한 서버 연결 및 데이터 로드 작업이 진행중에 있습니다. 이 부분까지 완료하여 사용자 측에서 어플리케이션을 사용했을 때, 속도 지연으로 불만족을 해결할 수 있도록 할 예정입니다.

2️⃣ 리팩토링 진행 예정입니다. 코드를 동작하도록만 하는 것도 중요하지만 읽기 좋고 사용하기 좋은 코드는 있다고 생각합니다. 이를 위한 작업을 예정중입니다.