2022. 8. 25. 16:41ㆍBlock Chain
Remix IDE를 사용해보자!(remixd, Ganache)1 : https://boong-bara.tistory.com/12
이전 글에서는 Remix IDE에 대해 알아봤습니다.
이번에는 remixd에 대해 알아보겠습니다.
remixd란?
Remixd: Access your Local Filesystem — Remix - Ethereum IDE 1 documentation
To give the Remix IDE (the web app) access to a folder on your computer, you need to use Remixd - the plugin along with remixd - the cli/npm module. The Remixd plugin can be activated from the plugin manager or in the File Explorer - see the image below. T
remix-ide.readthedocs.io
@remix-project/remixd
remix server: allow accessing file system from remix.ethereum.org and start a dev environment (see help section). Latest version: 0.6.5, last published: a month ago. Start using @remix-project/remixd in your project by running `npm i @remix-project/remixd`
www.npmjs.com
위 링크를 통해 remixd를 확인할 수 있습니다.
npmjs.com이나 구글링을 하다보면 @remix-project의 remixd가 아닌 그냥 remixd를 만날 수 있는데, 이는 deprecated 되었습니다.
It establishes a two-way websocket connection between the local computer and Remix IDE for a particular project directory.
remixd를 이용하면 로컬 환경의 특정 프로젝트 경로와 Remix IDE를 연결해줄 수 있습니다. 그렇다면 이걸 왜 사용해야할까요?
1번 포스팅에서 소개해드렸던 Remix Web IDE의 화면입니다.
3번 박스에서 Workspace를 관리할 수 있는데, 여기서 Workspace를 생성하거나 해당 Workspace에서 개발을 진행하는 것은 모두 브라우저의 Local Storage에 저장되게 됩니다. 따라서 브라우저에서 캐시 및 방문 기록을 지우면서 함께 지워버리면 모두 날아가게 됩니다.
이런 경우를 방지하고자 사용하기도 하고, 내가 작성한 코드는 내 컴퓨터 로컬에 있는 편이 가장 마음이 편하죠.
3번 박스 상단 가장 우측 버튼을 누르면 Git Repo를 clone할 수 있습니다. 하지만 역시나 내 컴퓨터 로컬에 있는 편이 마음이 편해서 개인적으로 저는 remixd를 주로 사용합니다.
사용법
사용법은 굉장히 간단합니다.
1. remixd를 설치합니다.
npm i -g @remix-project/remixd
저는 현재 맥북을 사용하고 있는데, 글로벌 옵션으로 설치하는데 특정 경로의 접근 권한이 없다면서 실패하는 경우가 있었습니다. 따라서 sudo 권한으로 설치하였습니다.
2. remixd가 설치되었는지 확인해줍니다.
remixd -v
remixd의 버전이 출력된다면 정상적으로 설치되었습니다. 참고로 저는 현재 0.6.5 버전입니다.
2. remixd 명령어를 통해 WebSocket을 연결해 줍니다.
이를 위한 방법은 2가지가 있습니다.
a. 연결하고자 하는 프로젝트의 루트로 가서 명령어를 입력해줍니다.
remixd
이 경우에도 저는 글로벌 옵션으로 설치되어있는 remixd를 참조해야 해서 sudo 권한으로 실행하였습니다.
단순히 remixd만 입력하는 것으로도 연결됩니다.
b. 명령어를 통해 경로를 지정해줍니다.
remixd -s ${프로젝트 루트의 절대 경로} -u https://remix.ethereum.org
역시나 저는 sudo 권한으로 실행하였습니다.
이렇게 하면 Remix IDE에서 컴퓨터의 로컬에 연결할 준비는 마쳤습니다.
그럼 Remix IDE로 이동해서 Workspaces에서 - connect to localhost - 를 눌러보겠습니다.
그럼 다음과 같은 창이 뜨고, Connect를 누르면 연결됩니다.
성공적으로 연결을 마쳤다면 다음과 같이 Workspace가 localhost로 바뀌고 컴퓨터의 로컬에 있는 폴더 및 파일들이 나옵니다.
이렇게 remixd를 이용해 Remix IDE와 연결이 되면 내 컴퓨터의 로컬환경에 5초마다 자동으로 저장됩니다.
또한 로컬에 새 폴더, 새 파일 등 모두 적용됩니다.
remixd에 대한 추가적인 설명이 필요하시다면 npmjs의 패키지에 방문하거나 다음 명령어를 통해 자세한 설명을 확인할 수 있습니다.
remixd -h
그럼 여기까지 remixd 활용법을 알아봤습니다.
다음 포스팅에서는 Ganache 사용 이유와 활용법에 대해 알아보겠습니다.
감사합니다.
'Block Chain' 카테고리의 다른 글
| Solidity로 Smart Contract 구축하기2 - Data Type과 단위 (0) | 2022.08.26 |
|---|---|
| Solidity로 Smart Contract 구축하기1 - Hello Solidity (0) | 2022.08.26 |
| Smart Contract와 Solidity (2) | 2022.08.26 |
| Remix IDE를 사용해보자!(remixd, Ganache)3 (0) | 2022.08.25 |
| Remix IDE를 사용해보자!(remixd, Ganache)1 (2) | 2022.08.25 |