[TIL] 2023-04-25 DAY27

---

NFT 페이지 제작

GIT 주소 : https://github.com/dowoo303/nft_page

---

오늘 배운것들

1. DAY26 복습 (NFT 민팅 및 정보 가져오기)
2. NFT 페이지 제작해보기

각종 팁

회고

NFT page 제작

순서정리

1. npm i react-router-dom 설치
   
   
2. detail, main 페이지 생성
   
   
3. components Header제작
   
   
4. 폰트 변경 -> index.css에서 import, tailwind.config에서 글꼴 설정
   
   
5. react-icon: https://react-icons.github.io/react-icons
   npm i react-icons
   
   
6. 아이콘+react css 이용해서 Header.jsx 꾸미기
   
   
7. 지갑정보 불러오기는 메인 App.jsx에서 진행 후 props
   
   
8. 받은 지갑정보로 Header에서 로그인 구현
   
   
9. 업비트 Api를 이용해서 코인 가격 정보 가져오기
   업비트: https://docs.upbit.com/reference/%EC%A0%84%EC%B2%B4-%EA%B3%84%EC%A2%8C-%EC%A1%B0%ED%9A%8C
   Header에 가격 나타내기
   
   
10. Intro.jsx 생성
    -> NFT 이미지 띄우기, 이름, 컨트랙트 주소, NFT 갯수 불러오기
    
    
11. Nfts.nsx 생성
    -> 페이지 기능 구현