react,solidity를 이용한 NFT 만들기 (3) 페이지 구성 및 만들기

Nav바는 map() 함수를 이용해서 배열로 담았다

 

 

 

 

처음 나오는 화면은 민팅페이지로 정했다

 

민팅페이지에서는

메타마스크에 바로 연결해줄수 있는 연동버튼과

민팅하기 버튼을 누르면 모달창 형식으로 발행하게끔 만들어줬다

 

 

민팅을 완료하면 alert창으로 알려주고

계정주소를 클릭하면 mypage이동하고

mypage에서 확인할 수 있도록 구성했다

 

 

mypage에서는 자신이 소유한 NFT를

판매상품으로 올리지 경매상품으로 올리지

구분하도록 나눴다.