홈

EIP-747: wallet_watchAsset TL;DR wallet_watchAsset 은 사용자의 웹 월렛(지갑)에 토큰(자산)을 추가할 수 있도록 제안하는 RPC 메소드로, 아래의 방법처럼 사용하면 된다. ... ethereum.request({ method: 'wallet_watchAsset', params: { type: 'ERC20', options: { address: '0xb60e8dd61c5d32be8058bb8eb970870f07233155', symbol: 'FOO', decimals: 18, image: 'https:/...

블록체인 오라클 문제 (Blockchain Oracles) 서론 2023년 새해를 맞아 블록체인에 대한 기억을 꺼내 보려고 하는 인피덕 계모?흑묘?년 새해 복 많이 받으세요~ 모두 승승장구하시길 :) 지난주 회의 때 잠깐 언급된 블록체인 오라클에 대해 입맛대로 정리해 보려고 한다! 올해는 블로그 열심히 써야지! 본론 오라클이 뭐라클? ㅎ 자바에서 쓰는 거 아님 데이터베이스 회사 아님 블록체인에서 오라클이란, 블록체인 외부(오프체인)의 데이터를 블록체인 내부(온체인)로 가져오는 것을 말함 컨트랙트 메소드가 데이터를 사용할 때 블록체인 내부의 데이터를 사용하는 경우도 있지만 ...

Use Next.js to rewrites method to solve CORS ERROR 넥스트에서 rewrites 를 사용해 CORS 에러를 해결해 보자 Keyword #next.js #rewrites #proxy #cors 기 (생각) 열심히 프로젝트를 진행하고 있는 인피덕 next 로 구성한 프로젝트에서 첫 api call 을 날려 보는데… CORS?!?! holy moly 이걸 여기서 또 보네…………… 로컬 환경에서 api call 을 때리기 위해 proxy 를 통해 CORS 를 회피해 보고자 한다. 찾아보니 rewrites 라는 친구로 CORS 를 해결할 수 있다고 한다. 승 (진행) ...

리액트 onClick 사용 시 주의 사항 ... onClick={setCount(count + 1)} ... 은 안되고 ... onClick={() => setCount(count + 1)} ... 이 되는 이유 왜요? 첫 번째 방법의 경우, 함수를 실행하는 코드이기 때문에 컴포넌트가 렌더링 되는 동시에 실행이 된다. 그러면? 렌더링 될 때 count 가 1 증가 하는데, state 가 변경 되었으니 컴포넌트가 다시 렌더링 됨 다시 렌더링 됐으니 또 count 가 1 올라가고… state 변경으로 인해 또 다시 렌더링… 즉, 계속 이런 현상이 반복 되면 무한 루프에 빠져버려 돌아올 수 없는...

Jotai 로 상태 관리하기 (Jotai 사용법) 서론 열심히 리액트 스터디 중이던 인피덕, 회사에서 사용할 프론트 기술 스택을 논의하다 최종적으로 Next.js 와 Jotai 가 결정되는데… 인생 처음 접해보는 라이브러리와 프레임 워크를 정리해 보도록 하자. Jotai 를 사용하는 방법 (공식 문서 발췌) initalValue 로 간단하게 만들기 read 용으로 만들기 write 용으로 만들기 read, write 모두 가능하게 만들기 Jotai 를 검색했을 때 뜨는 글들이 거의 다 비슷한 내용이라 내 입맛대로 정리하기 위해 ...

ReactJS로 영화 웹 서비스 만들기 (CP 1차시) CP 프론트 스터디 1차시 내용 정리 💪 React.js는 킹갓엠페러제너럴충무공마제스티이다! #1 들어가며 리액트도 초창기에는 굉장히 적은 사람들이 사용했다. 하지만 2022년 지금! 리액트는 프론트를 대표하는 프레임워크로 자리매김하고 있다. 왜 많은 사람들이 다른 프레임워크를 두고 어썸한 리액트를 사용했는지 알아보고 공부해 보자. 왜 리액트인가? 새로운 기술을 배우고자 할 때 주의해야 할 점 누가 해당 기술을 사용하고 있는지 그들(새로운 기술을 사용하는 개발자)의 규모가 큰지 그들에게 중요한...

wallet_switchEthereumChain으로 MetaMask(메타마스크)에서 네트워크 전환하기 Using wallet_switchEthereumChain to switch network on Metamask TL;DR MetaMask(메타마스크)에서 네트워크를 전환하려면 wallet_switchEthereumChain 메소드를 사용하면 된다. ... await window.ethereum.request({ method: "wallet_switchEthereumChain", params: [{ chainId: "변경할 chain id", }], }); ... 만약 MetaMask 네트워크 목...

Web3.js와 MetaMask(메타마스크) 연동하기 Connect Web3.js to MetaMask 아무말 오랜만의 dApp 개발에 기분이 좋아진 인피덕 블로그에도 관련 내용을 남기고 싶어 메타마스크 연동 방법을 포스팅하려고 한다. 본론 Web3.js 와 MetaMask가 설치되어 있다는 가정 하에, 간단한 예제 코드로 설명하고자 한다. import Web3 from 'web3' ... return new Promise((resolve, reject) => { // 1 window.addEventListener('load', async () => { let web3, a...