Project_MarketPlace 진행하면서

오픈소스 안쓰고 사전 준비물로만 가져다가 하드코딩하는 프로젝트......

 

팀원들이 모두 체력이 갈리는 그런 프로젝트였지만 뭔가 모두 열심히 참여해 재밌게 즐겼다.

 

우리팀은 대학때의 느낌을 살리기 위해 같이가조 라는 이름으로 지었다 ㅎ...

 

 

https://github.com/pdhyeong/NFT-MARKETPLACE

 

파트

우리 팀원들은 파트를 나눠서 진행하기로 하였다.

 

프론트엔드 디자인 개발  3명

 

백엔드 및 데이터베이스 2명

 

이렇게 5명이서 프로젝트를 진행하였다.

 

나는 백엔드 및 데이터베이스 조에 들어가게되었다.

---

사용기술

개발은 vscode와 remix로 진행하였고, 협업은 git hub을 사용하여 진행하였다.

 

프론트엔드는 React를 백엔드는 express.js를 , 데이터 베이스는 mysql을 사용하여 개발하였다.

 

---

내가 맞닥뜨린 문제

페이지네이션 부분에서 10개의 데이터를 추출하는 부분에서 애를 먹었다.

 

분명 구간을 나눠서 잘 표현한거 같은데 프론트쪽에서 보이지가 않아서 너무 힘들었다......

 

내가 잘못 쓴건가 했는데 역시..... 내잘못 ㅎ.... 컴퓨터는 잘못을 하지 않는다.

 

구글링으로 다른 페이지네이션 방법을 찾아봤지만 여러 방법중 우리는 데이터베이스의 쿼리를 이용하는 방법을 이용하는 것이기에,

 

페이지의 특성을 찾아 쿼리를 이용해 표현하는 방식을 찾아 해결하였다.

---

동작 시연 및 화면

 

메타 마스크 연결

 

---

메타 마스크 지갑 로그인 확인 및 재방문 체크

---

로그인 후 NFT 확인 페이지

 

---

NFT 상세정보 확인

 

---

NFT 업로드 화면

 

---

민팅 트랜잭션 승인 확인

 

트랜잭션이 성공하여 체인에 올라간 모습이다. 

 

---

민팅 후 트랜잭션 내용 확인

 

 

---

NFT 구입

---

민팅한 NFT 결제 페이지

 

---

마무리

 

시간도 많이 부족하고 무엇보다 나의 단점을 너무 잘알게 되었다. 안되는 부분을 빠르게 확인하지 못해서 날려먹어서 팀원들에게 많은 민폐가 된 것 같다. 이런 부분을 개선하기 위해서 메모하는 습관을 더 길러야겠다.