steem.js 라이브러리 사용해보기 -1

안녕하세요. keefojifo 티스토리 블로그에서 활동을 조금씩 해보려는 salzzak 입니다.

 

steem.js 라이브러리는 암호화폐 STEEM을 사용하는 SNS 스팀잇 공식 node.js 라이브러리 입니다.

사실 지금 이 글을 쓰고 있는 와중에도 한번도 사용해보진 못했는데요.!

 

글을 씀과 동시에 사용을 해보면서 같이 배워보겠습니다.

 

우선 node.js와 visual studio code가 설치된 상태에서 부터 시작해보겠습니다.

 

steem.js 설치

먼저 node.js 잘 설치되어 있는지 node -v / npm -v 를 cmd 창에 입력해봅니다.

잘 나오네요.

다음은 steem.js를 설치하는 커맨드 npm install steem --save 을 입력해봅시다.

뭔가 WARN이 많아서 불안하지만..

 

visual studio code에서 steemTest.js 을 생성 후 다음 예재를 입력합니다. 

https://github.com/steemit/steem-js/tree/master/doc#install 에 있는 'ned', 'dan' 의 정보를 조회하는 예제입니다.

 

var steem = require('steem')

steem.api.getAccounts(['ned', 'dan'], function(err, response){ console.log(err, response); });

console.log(err, response);

});

 

저는 제 아이디를 넣어봤습니다.

파일 저장 후 cmd > 파일 존재하는 경로 이동 후 node steemTest.js 입력 시

잘은 모르겠지만 ...

잘은 모르겠지만, 제 salzzakart 정보가 노출되고 있네요, 일단 작동한다는 것은 알았습니다.

 

 

근데 사실 위 방법보다도 편하게 javascript에서 steem.js를 사용할 수 있습니다.

(위에건 왜 한겨?)

 

우선 빈 파일 steem.html을 생성해봅니다.

 

 

html:5 을 입력 후 Tab 을 눌러주면 다음과 같이 html 틀이 자동 입력됩니다.

 

 

head 태그 안에 steem.js 라이브러리를 추가해줍시다.

<script src="https://cdn.steemjs.com/lib/latest/steem.min.js"></script>

 

 

아까 입력했던 기본 예제를 body 태그안에 다시 한번 입력해봅시다.

 

<script>

steem.api.getAccounts(['salzzakart'], function (err, response) {

console.log(err, response);

});

</script>

 

 

여기서 잠시 꿀팁!

※ Visual studio code는 정렬하고 싶은 부분을 선택 후 Ctrl+K ,F 를 누르면 자동정렬이 됩니다. 

 

저장 후. chrome 페이지에서 소스코드가 정상 작동하는지 확인해보겠습니다.

저장한 파일을 직접 열어도 되지만, 바로바로 실행해보기 위해서 EXTENSIONS 에서 open-in-browser 를 설치해보겠습니다.

 

왼쪽 하단 사각형 퍼즐 주목

왼쪽 메뉴에서 사각형 퍼즐 모양 아이콘을 클릭하면 EXTENSIONS 메뉴가 나오는데요,

검색창에 open-in-browser 를 입력하고 coderfee 가 등록한 EXTENSION 을 설치해봅시다.

 

그럼 위처럼 Ctrl + Alt + O 입력 시, 해당 소스코드를 브라우저로 열 수 있게 됩니다.

 

이제 steemTest.html 로 돌아온 후, Ctrl + Alt + O 입력 > chrome 을 클릭해주면,

해당 소스코드가 chrome 으로 열리게 됩니다.

 

아무것도 없잖어~

네 빈 창이 노출되고 있었는데요, 당황스러웠지만 F12를 눌러 console 탭으로 이동해봤습니다.

 

와! salzzakart!

위에서 봤던 것 처럼 salzzakart의 정보가 노출되고 있고, ▶를 눌러 더 자세한 정보를 볼수 있습니다.

 

이래저래 첫번째 포스팅을 해봤는데 여기저기서 정보를 많이 얻어왔고, 제 기준에서 작성한 것이라 틀린 부분이 있을 수 있습니다 ㅠ 혹시 문제가 있으면 알려주시면 감사하겠습니다!

 

인스타그램 : https://www.instagram.com/salzzak_art/

스팀잇 : https://steemit.com/@salzzakart