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

in kr •  7 years ago 

개요

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

사전 준비물 및 하는 방법

사전 준비물

  • 크롬

하는 방법

  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

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

이런 꿀팁 넘넘 좋아요!!

유용한 정보 감사합니다! 어려워보이지만 한번 시도해보겠습니다 ^^

콘솔 창에 바로 붙여 넣으면 되나요?

아직은 뭔지 모르지만 보기에 아주 멋있어 보입니다.^^

유용한 정보 감사합니다.
언젠가 써먹어야겠습니다 ㅎ

정보 감사합니다.
풀보팅 하고 갑니다^^

따라해보니 쉽네요.ㅎㅎㅎ

이런 꿀팁... 매번 올때마다... 감사합니다...

pairplay 가 kr-dev 컨텐츠를 응원합니다! :)