기본적으로 해당 헤더는 다음과 같이 작동한다.위에서 아래로 자연스럽게 내려와야 하는 애니메이션을 만들어야 했으며 서브 메뉴도 눌렀을 시 밑으로 내려가도록 했어야 했다.기존에 있던 방식으론 tailwind.config에서 애니매이션을 직접 추가해줬다! transformY
트랜잭션 리스트들을 보여주는 가장 상위 컴포넌트다.txList에 대한 and연산자는 props로 넘겨주었다. (type을 null값이 허용되도록 하였다.)위 코드는 next에서 지원하는 포탈 함수로 modal을 띄어줄 때 유용하다. 반드시 layout(루트)에 다음과
컴포넌트는 nft아이템을 담는 ItemTableWrap과 nft의 row 하나인 CollectionItem테이블이 있다.본 페이지에서는 server component이므로 fetch로 데이터를 받아와 props로 보낼 예정이다.CollectionItemWrap 컴포넌
페이지네이션을 관리해주는 자작 커스텀 훅이다.page는 현재 페이지, maxPage 최대 페이지 수 ,pageTxList는 데이터 배열이 매개변수로 주어졌을 때 25개씩 정제된 데이터들이다.즉,pageTxList를 map으로 출력시켜주면 된다.TxList 컴포넌트(ma
1.global.css에 body태그 정의 body 태그에 최대크기와 최소크기를 정하여 어느 화면에도 깨지지 않게 정의해 줬다. 이렇게 안하면 뒷 배경에 정의한 즉, 바디 tag에 정의한 css요소가 계속 줄어들게 된다. 2.next의 동적 라우팅 동적 라우팅은
fetch failed getaddrinfo ENOTFOUND로컬 환경을 https환경으로 구축하고 https로 api요청을 보냈는데 hostname을 찾을 수 없다는 메시지를 받았다build환경에서 http통신이기 때문에 fetch failed가 뜬다. 이 때 np