💡 블록체인 리액트 프로젝트 만들기 시작

📥 먼저 node.js 설치 yarn을 설치

빈 폴더를 만들고, 해당 폴더에서 터미널을 연다.

윈도우에서 터미널에서 열기를 클릭하면 윈도우의 파워셀이 열릴 것이다.
맥과 리눅스에서는 터미널을 열어준다.

node.js 와 yarn 을 설치한다

node.js 설치링크로 들어가서 설치를 하는데, 최신버전 말고 LTS 버전을 설치해준다.
LTS 는 Long Term Support 의 줄임말로 노드에서 안전성과 신뢰성을 보장하는 버전이다. 호환성도 적극적으로 지원하기 때문에 서비스용으로 추천한다. 그에 반해 최신버전은 호환에서 문제가 발생하는 경우가 있을 수 있다.

❗yarn 설치하지 마세요 npm 으로 해야 잘 동작하네요

yarn 으로 truffle 패키지 설치하면 위 사진처럼 명령어가 동작하지 않습니다.

yarn 공식문서에 따라 yarn 을 설치한다.
사용중인 node.js 의 버전이 16.10 이상이라면
corepack enable을 통해 yarn 을 설치해준다.

제대로 설치됐는지 확인하기 위해서는

node -v
// v16.15.1
npm -v
// 8.11.0

위와 같은 명령어를 입력해주면 된다. // 뒤의 숫자는 작성자의 현재 사용중인 버전이다.

📥 truffle 패키지를 설치한다.

이를 통해 로컬에서 truffle 로 거래를 할 수 있게 된다.

npm install -g truffle

위와 같은 명령어를 치면 설치가 시작된다. 모든 필요한 패키지를 설치하기 때문에 시간이 생각보다 많이 소요될 수 있다.

이렇게 하면 컴퓨터의 노드 모듈을 설치하는 위치에 설치가 된 것이다. 다른 프로그램들이 백그라운에 설치되어 돌아가는 것과 비슷하기 때문에 어느 위치에 정확하게 설치됐는지까지 알 필요는 없다.

위의 사진을 보면 알 수 있듯이 작성자가 설치한 버전은 5.5.31 버전이다.

이렇게 truffle 이라는 명령어를 사용할 수 있게 되면서 여러 명령어 목록을 같이 볼 수 있다.

🛠️ truffle react 프로젝트 만들기

위의 사진처럼 truffle 을 사용해 만들 수 있는 여러 박스들이 있는데 이 중에서 우리는 truffle react 박스를 사용할 것이다.

cli.bundled.js unbox Download a Truffle Box, a pre-built Truffle project 이 명령어를 사용할 것이다.

truffle unbox react

위의 명령어를 사용하면 미리 만들어진 프로젝트를 사용할 수 있는데, 기본적인 거래를 위한 함수도 가지고 있다.
반드시 비어있는 폴더에 만들어야 한다
ls 명령어로 폴더가 비어있는지 확인할 것

성공적으로 잘 설치했다가 위처럼 나온다면 OK

ls 명령어를 쳐보니 위와 같이 여러 파일과 폴더가 생긴것을 볼 수 있다.

💻 vscode 에서 폴더열기

powershell 에서 code . 라고 치면 vscode 로 폴더를 열 수 있다