fetch failed getaddrinfo ENOTFOUND로컬 환경을 https환경으로 구축하고 https로 api요청을 보냈는데 hostname을 찾을 수 없다는 메시지를 받았다build환경에서 http통신이기 때문에 fetch failed가 뜬다. 이 때 np

1.global.css에 body태그 정의 body 태그에 최대크기와 최소크기를 정하여 어느 화면에도 깨지지 않게 정의해 줬다. 이렇게 안하면 뒷 배경에 정의한 즉, 바디 tag에 정의한 css요소가 계속 줄어들게 된다. 2.next의 동적 라우팅 동적 라우팅은

페이지네이션을 관리해주는 자작 커스텀 훅이다.page는 현재 페이지, maxPage 최대 페이지 수 ,pageTxList는 데이터 배열이 매개변수로 주어졌을 때 25개씩 정제된 데이터들이다.즉,pageTxList를 map으로 출력시켜주면 된다.TxList 컴포넌트(ma

컴포넌트는 nft아이템을 담는 ItemTableWrap과 nft의 row 하나인 CollectionItem테이블이 있다.본 페이지에서는 server component이므로 fetch로 데이터를 받아와 props로 보낼 예정이다.CollectionItemWrap 컴포넌

트랜잭션 리스트들을 보여주는 가장 상위 컴포넌트다.txList에 대한 and연산자는 props로 넘겨주었다. (type을 null값이 허용되도록 하였다.)위 코드는 next에서 지원하는 포탈 함수로 modal을 띄어줄 때 유용하다. 반드시 layout(루트)에 다음과

기본적으로 해당 헤더는 다음과 같이 작동한다.위에서 아래로 자연스럽게 내려와야 하는 애니메이션을 만들어야 했으며 서브 메뉴도 눌렀을 시 밑으로 내려가도록 했어야 했다.기존에 있던 방식으론 tailwind.config에서 애니매이션을 직접 추가해줬다! transformY

기본적으로 mySQL과 연결했을때와 매우 유사하다.실제로 개발할 땐 env를 꼭 쓰자dialect가 mysql이 아닌 postgres로 바뀐건 빼곤 큰 차이가 없다.마찬가지로 mySQL때와 큰 차이가 없지만 기존 옵션에는 pool이 아닌 database,host가 있는

temp함수를 보면 subscribe메서드를 확인할 수 있는데, 이는 해당하는 이벤트를 구독(관찰)하는 메서드이다.newBlockHeaders 이벤트는 블록이 생성될 때 마다 실행되는 메서드를 정의 할 수 있다.구독을 하였다면 on으로 이벤트를 감시하자. data이벤트

여기서 override를 한 변수가 interface에선 function(함수)로 정의돼 있는 걸 볼 수있다. 즉 ,함수->객체,uint 로 오버라이딩 된건데 구체화하는 형식이라 solidity에서는 가능하다.receive() external payable같은 경우

기본적으로 ERC20의 형식을 가지고 있는 인터페이스이다. 여기서 말하는 ERC20은 openzepplin을 말한다.override는 말 그대로 부모 (IERC20)의 메서드를 오버라이드 했다는 뜻이다. balance는 사용자의 계좌잔액을 말하며, 여기서는 토큰의

컨트랙트에 저장할 수 있는 영역 데이터를 영구적으로 저장할 수 있다.contract storage 데이터를 저장한다.storage에 상태를 저장해서 유지시킬 수 있다. (블록체인 스마트 컨트랙트)javascript의 클래스는 인스턴스를 생성을 하는 과정이 (new 키워

이더리움 창시자:비탈릭 부테린비트코인의 보완을 좀 더 신경쓴거 같은 느낌내용을 보면 비트코인과 크게 다른점이 있는데비트코인은 결제라는 포커스에 맞춰서 구현을 했다면이더리움은 탈중앙화한 어플리케이션을 제안했다고 보면 된다.중요한 내용은 스마트 컨트랙트와 어플리케이션이라는

기본적인 역할로 암호화폐를 안전하게 보관할 수 있고 암호화폐를 전달하거나 받을 수 있다.자산의 소유권을 암호화 방식으로 증명 지갑의 개인키를 사용해서 거래의 서명을 검증하고 본인의 자산을 관리본인의 암호화폐의 보유량 확인지갑의 거래내역 확인복구 문구를 사용해서 지갑 복

enum 타입으로 객체의 role을 정해준다.socket으로 보내줄 message의 interface이다.p2p기능을 구현할 함수들과 속성들을 담은 클래스이다.socket주소를 담을 배열이다. 이 배열을 활용하여 다양한 ip와 포트에서 들어온 유저와 통신한다. 소켓을

1.체인 시스템 추가 이전글에서 다뤘던 블록체인 시스템 구현 부분에서 블록들을 담은 체인을 추가할 것이다. 각 체인안의 메서드는 다음과 같은 기능들을 담고있다. 체인을 확인 할 수 있는 메서드 체인의 길이를 반환하는 메서드 체인의 마지막 블록을 반환하는 함수 체인에

블록체인에서 블록이 생성되는 원리에 대해 코드로 구현해볼 생각은 하고 있었다. 언젠가하지만 우연치 않게 이번 수업에서 블록을 typescript로 구현하신다 하셔서 속으로 쾌재를 불렀다.블록 작동 원리는 다음과 같이 요약할 수 있다.위 과정을 계속 반복하는게 채굴이다.

1.interface typescript에서는 변수,함수의 구조를 정의할 수 있는 interface가 존재한다. 다음과 같은 형태를 띄고 있다. 위 인터페이스를 implements 하여 객체 구조의 타입을 정할 수 있다. ? optional chaning을 통해 h

javascript에서 타입 검사가 확장된 추가된 언어이다.typeScript는 javascript의 상위 집합 슈퍼셋(상위 확장) 대형 프로젝트를 진행할 때 오류 검사가 쉽다.typeScript 객체지향 프로그래밍에 특화된 프로그래밍 패턴을 지원하는데함수형 프로그래

해당 코드에서 알 수 있듯이 매우 간단하게 propmt를 입력하고 가져올 수 있다. 물론 더 좋은 엔진과 코드를 사용 할 수 있지만... 지갑이...initMap으로 지도를 만들어준다. 아무리 설정을 해도 initMap을 실행시켜주지않으면 지도는 그려지지 않는다....

// 웹 서비르를 개발하고 완료되면 배포를 해서 사용자에게 소프트웨어를 전달 해야 하는데// 배포를 하기 위해 필요한게 제 3자가 접속 할 수 있는 서버 컴퓨터가 필요하다.// 365일 내내 24시간 켜져 있어야 하는데// 서버 컴퓨터를 대여해주는 호스팅 업체를 통해