SideChain 먼저, 사이드 체인이 나오게 된 배경은 비트코인의 여러가지 한계점 때문에 나오게 되었다. 느린 처리 속도 - 약 10분의 블록 생성 시간으로 인해 자신의 거래가 블록체인에 기록되어 있는지 확인하려면 몇 초에서 느리면 수십분까지 기다리게 된다. 하나의 거래방식 - 비트코인 네트워크에선 오직 비트코인 만...

Chara UI React나 NextJS 등에서 사용할 수 있는 Component Library이다. Emotion을 기반으로 만들어 졌으며, 제일 모던하고 CSS를 많이 사용하지 않아도 될 것 같고, styled-component로 구현했던 것 들은 Emotion으로 충분히 대체 가능하기 때문에 이번 프로젝트에서 styled-component를 걷...

순환 종속성 오류 (circular dependency error) 프로젝트에서 JWT 인증 Gaurd 구현을 위해서 UserModule에선 AuthModule를 import하고 Auth에선 UserMoudle을 import 하고있었다. 그런데 module에서 분명히 import되어 있는데 inject이 비어있다는 거다? 그래서 자세히 살펴보니 ...

ERC-20 ERC-20(Ethereum Request for Commnet 20)은 EIP(Ethereum Improvement Propasls)에서 관리하는 공식 프로토콜 중 하나로 Ethereum네트워크에서 유통 가능한 토큰의 표준이다. 요약하자면, 우리가 흔히 부르는 암호화폐 또는 코인이 여기에 해당된다. Contract 작성 전에 제일 ...

NPM - Install Error Code 128 노트북으로 작업을 한 것을 푸쉬하고 데스크톱에서 pull을 받아 npm install을 실행했더니 아래와 같은 오류 메세지가 떴다. 구글링으로 찾아봤더니 npm 버전이 최신이 아니라 뜨는 거라고 나오더라 그래서 아래와 같이 실행하고 다시 npm install을 실행하니 잘 됐다! npm in...

Recoil vs Redux React는 보통 State 관리 도구로 Redux, MobX 등의 라이브러리를 사용했다. 근데 이번에 NextJs로 프로젝트를 시작하면서 상태관리를 어떤 라이브러리를 사용할까 하다가 페이스북에서 React.Js 전용 상태관리 라이브러리로 출시한 Recoil 선택하게 되었다! 그래서 이번엔 Redux와 Recoil을 비교...

Solidity로 개발을 하다보니 리믹스에서 git을 사용하기 좀 껄끄러운 것도 있고, github로 소스를 관리하다보니 테스트할 때마다 Remix에 매번 복붙해서 배포하는 것도 귀찮아 찾아보니 로컬로 Remix에 WebSoket과 연결해 동기화 해 개발하는 방식이 있더라! 먼저, Solidity 파일이 있는 폴더로 이동해서 npm으로 remix ...

Next 프로젝트를 Sass로 진행하다가 CSS-in-JS로 변경하려 한다. (클래스명 짓기가 너무 힘들다..ㅜㅜ) 또한, jsx에서 사용하는 js값을 css내에서 사용해서 유연하게 사용할 수 있더라… 그리고 클래스가 필요한 부분에선 NextJS에서 지원하는 css모듈 ([name].moudle.css)을 사용하여 해당 페이지에서만 사용할 생각이다....

개발하다보니 모달을 껐다 켰다하는 props를 부모에 callback함수를 호출해 제어하기 위해 SetState를 TypeScript Interface로 정의하고 싶은 경우가 생겼다. 그런경우 아래와 같이 코드를 사용하면 된다. import { Dispatch, SetStateAciton } from "react" interFace IModal{...

React Hooks React 16.8 버전부터 추가된 개념이다. 함수형 프로그래밍을 위해 도입된 기능이며, 클래스를 사용하지 않고도 State를 이용하고 React의 기능들을 사용할 수 있다. Hooks Rules 최상위 코드레벨에서만 Hooks를 호출해야한다. 루프나 조건 혹은 함수 내에서 Hooks을 생성하면 안된다. ...