wonsama avatar

[kr-dev] coinmarketgap 에서 순위별, 코인별 스샷 이쁘게 찍어보자

wonsama

Published: 14 Jun 2018 › Updated: 14 Jun 2018[kr-dev] coinmarketgap 에서 순위별, 코인별 스샷 이쁘게 찍어보자

[kr-dev] coinmarketgap 에서 순위별, 코인별 스샷 이쁘게 찍어보자

개요

코인 마켓갭에서 특정 순위 또는 코인만 보여줘서 이쁘게 모아서 스샷을 찍고 싶을 때 사용하시면 됩니다. 굳이 이미지 편집 프로그램을 들어가서 특정 순위만 잘라서 붙여 넣는 수고를 좀 덜어 줄 수 있을거 같습니다.

사전 준비물 및 하는 방법

사전 준비물

  • 크롬

하는 방법

  1. https://coinmarketcap.com/ 접속
  2. 크롬 - 보기 - 개발자 정보 - 개발자 도구 선택
  3. console 창 선택
  4. 아래 구문을 복사 후 붙여 넣기

스크린샷

스크린샷 2018-06-14 오전 10.25.11.png

[그림1] : 우측 하단의 console 창에 그림2, 3 을 참조하여 해당 내용을 복사 붙여 넣기 후 Enter

스크린샷 2018-06-14 오전 10.15.31.png

[그림2] : 특정 코인만 보여주고 싶을 때
  • 'bitcoin','eos','steem' 부분만 적절한 코인명(full name)으로 바꿔서 넣어주면 됩니다.
((...args)=>{
    $("header").hide();
    //$("nav").hide();
    $("#currencies").find("tr").hide();
    for(let c of args){
        $("#currencies").find(`#id-${c}`).show();
    }
    return '';
})('bitcoin','eos','steem');

스크린샷 2018-06-14 오전 10.15.17.png

[그림3] : 특정 순위만 보여주고 싶을 때
  • 1,2,3 부분만 적절한 순위로 바꿔주면 됩니다.
((...args)=>{
    $("header").hide();
    //$("nav").hide();
    $("#currencies").find("tr").hide();
    for(let c of args){
        $("#currencies").find(`tr:nth-child(${c})`).show();
    }
    return '';
})(1,2,3);

맺음말

  • 어려울 수도 있지만, 한번 해보면 의외로 쉬어요.
  • 떨어지는 장이여서 안타깝긴 하지만 힘내시고여

이전 관련 글은 #w-dev 태그를 통해 확인하실 수 있습니다.
오늘도 행복한 하루 되세요 from wonsama@wonsama

Leave [kr-dev] coinmarketgap 에서 순위별, 코인별 스샷 이쁘게 찍어보자 to:

Written by

개발자 - flutter, nodejs, java, 금융권

Read more #kr posts


Best Posts From wonsama

We have not curated any of wonsama's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.

More Posts From wonsama