📚 INTRO
Web2.0에서 블록체인 인센티브 기반 토론 시스템을 갖춘 커뮤니티 사이트를 개발합니다.
ERC-20 스마트 컨트랙트를 이해하고, 커뮤니티 사이트를 만들어봅시다🤗
🧐 인센티브 기반 커뮤니티
인센티브 기반이란 자체적인 토큰을 가지고 참여자를 유도하는 생태계 빌딩이라고 할 수 있습니다.
즉, 사용자가 어떠한 행동을 하면 토큰을 인센티브로 지급하는 형식입니다.
🔎 SR (Software Requirements)
🧑💻 기술 스택
- Node.js / Express
- React
- MongoDB
- Github
🧑💻 주요 기능
- NFT조회기능
- 게시물(NFT)에 좋아요를 누르면 토큰발행
🧑💻 커뮤니티 스케치
좋아요를 누르면 토큰발행 -> 인스타그램의 형식을 차용해오자!
🔎 UI디자인
기본적인 형식은 인스타그램을 차용하고, 인센티브 기반 커뮤니티의 성격에 맞게
지갑 연결로 로그인을 대신한다.
📷 로그인 페이지
일반 커뮤니티와 같이 ID/ PW로 로그인 하지 않고, 지갑을 연결하면 로그인된다.
📷 홈 화면
연결된 지갑과 컨트랙에 있는 NFT가 카드 형식으로 나온다.
이때 토큰이 발행되어야 하기 때문에 좋아요 버튼이 있어야 한다.
📷 마이페이지
연결된 지갑에 있는 NFT를 출력한다
📷 NFT생성 모달
정보를 입력하고 create를 누르면 NFT가 생성된다.
🔎 Client
react로 코드를 작성하고, 필요한 page와 component들을 분리하여 작성했다.
🔎 Server
- Web3를 localhost에 연결 & 블록 조회
- getBlockNumber 등 블록조회 메소드를 이용해 블록 데이터 요청
- getTransaction 과 같이 트랜잭션 조회 메소드를 이용해 블록 데이터 내의 트랜잭션 데이터 요청
- Database 연결 & 테이블 생성
😻 코드는 여기
📚 개발 회고
항상 무언가를 만들어낸다는것은 뿌듯하기도 하지만 그만큼 힘든것 같다.
힘든 시간이었지만 그래도 되짚어보며 마음에 남겨둬야지!
Keep
첫번째 프로젝트에 이어서 이번 프로젝트에서도 아직은 내가 할 수 있는게 많지 않다는것(사실은 아주 적다는것)을 깨달았다..😭
이번에는 저번 프로젝트와 비교도 안되게 삽질을 많이 했다.
그래도 내 실력을 아직 못믿어서 꼭 소스트리를 이용했던게 정말 큰 도움이 되었다.
소중한 팀원분들의 코드를 홀랑 날려버릴뻔했는데 지켜낼 수 있었다.
이것도 잘한거라면 잘한거겠지😭
Problem
삽질은 코딩할때 필수 소양이라고 하지만, 너무나 오랜 삽질은 좋지 않다는것!
그리고 도움을 요청하면 도와주실 분들이 많다는 것을 꼭 알고가자!
소통은 아주아주 중요하다 내가 해결하지 못하는 부분을 말하지 않으면 팀원은 모른다!
문제점 파악을 통해 너무 중요한 가치들을 알게 되었다.
TRY
나에게 솔직해지자. 느리게 가더라도 끝까지 가는 방법을 찾아내자.
yes맨은 좋지 않다. 할 수 없다고 판단되면 도움을 요청하자.
이번 2주간의 프로젝트를 통해 코딩 실력이 늘었다고는 못하겠지만..!
하나의 팀으로 어떤 프로젝트를 진행할 때, 어떤 방식으로 진행해야하는지 중요한 가치가 무엇인지 잘 알게 되었다.
직접 말은 못했지만(부끄러워서) 많이 부족한 저와 함께 끝까지 프로젝트를 진행해주신 두분 정말 감사합니다⭐️
