tumblbug-alert: A JavaScript repository from healim

텀블벅 알람

선착순 마감된 프로젝트에 빈 자리(취소자)가 생기면 알려주는 기능
- 텀블벅 펀딩해야 하는데 이미 다 마감 웬말이냐 ㅜㅜ
- 아직 3주 정도 남았으니까 취소자를 노려보자!

지금 잘 모르는 것

실시간 모니터링?
- 크롤링 실시간으로 해야하는지?
  - 계속 요청 보내면 서버에 부담되지 않을까;;
  - 근데 실시간 아니면 효용 떨어지는게 빈 자리 생겼을 때 바로 신청해야 한단 말이지 ㅋㅋㅋ
    - 1시간 전에 빈 자리 있었어, 근데 지금은 모르겠네? 같은 기능이면 만드는 의미 없음
- 이전 내역 굳이 db에 저장할 필요는 없을 것 같다..?
- HTML element class => 빌드 도구 사용한 듯
serverless?
- 서버 유지비 비싸요 ㅜㅜ
- 필요할 때만 실행되고, 그걸로 과금
  - 근데 이건 알람 보내줄 때 얘기고, 모니터링은 해당 없는 듯

진행 내용

PubNub라는걸 찾아봤다. 실시간으로 Cryptocurrency 가격 변경 확인할 수 있는 기능 만드는 것 같았음
- 근데 내용 보니까 업데이트는 10초마다 해주고, 업데이트 될 때 데이터는 결국 API 땡겨오는거
  - 뭔가 서버리스로 function 호출하는 것보다 편한게 있을 줄 알고 기대했는데 역시 쨔자잔 되는 건 없는 것 같다 (눈물)
  - 그래도 데이터를 가져오려면 API를 만들어야 하나 라는 생각을 해볼 수 있게 되었음
클라이언트?
- 만든 기능 호출할 애가 있어야 하는데, 나는 웹 사이트 만들게 아니니까 봇으로 노티 받는게 사용성이 제일 편할 것 같다.
  - 카톡 챗봇
    - 튜토리얼 : https://cheese10yun.github.io/kakao-bot-node/
      - 옐로 아이디 사용
      - 만드는데 심사 필요, 제낀다.
  - Telegram은 내가 잘 안 쓰고, 역시 슬랙을 써야겠다 (튜토리얼 많고, 파는거 쉬움)
HTML Element
- <div class=class="RewardCard__RewardCardInner-ibjars-1 cEqFlc""> 이게 후원 상태 카드
  - <div class="RewardCard__RewardHeader-ibjars-2 iwEBnW""> 여기에 몇 명 선택 / 선착순 마감 내용 있음
    - <span class="RewardCard__PledgeAmount-ibjars-3 etxsCe"> 30명이 선택
    - <sapn class="RewardCard__RewardQuantityLimit-ibjars-4 fGxdGR">
      - <span class="RewardCard__SoldoutLabel-ibjars-6 ktzKui"> 여기에 선착순 마감
        
        선착순 마감 아닐 때는 -개 남음
        
        <span class="RewardCard__LimitedRewardLabel-ibjars-5 jJjTiD">
- span의 class SoldoutLabel이 LimitedRewardLabel로 바뀔 때 알람을 보내주면 될 것 같다
  - 근데 내가 원하는 옵션의 리워드만 해당 알림이 필요한거니까, 몇 번째 RewardCard의 span class가 바뀌었는지도 알 수 있어야 함
    - 정규식, 배열(옵션 해당하는 키워드 저장)+filter 사용..?
모니터링 어떻게 하지?
- 데이터를 가져오는 애(크롤링), 모니터링 하는 애, 노티 뿌려주는 애(슬랙 봇) 이렇게 3파트를 만들면 될 것 같다.
- 봇은 heroku로 배포
- 모니터링은 DB에 데이터 저장할 필요 없으니까
  - (=이전 내역과 비교할 필요 없음, 현재 상태가 조건에 해당하는지만 파악하면 됨)
  - 시작/종료 interval로 만들어도 되지 않을까?
    - 테스트 : app/test/test.html
슬랙 봇 튜토리얼 따라하기
- https://youtu.be/nyyXTIL3Hkw
  - 유튜브 튜토리얼 보고 만들었다. 생각보다 어렵지 않다
  - 튜토리얼 이외에 아래 내용 적용
    - dotenv(환경변수 설정), nodemon(서버 자동 재시작), heroku(배포)
배포 오류 > 해결
- heroku에서 배포하려는데 오류 발생 신난다~ ^~^
- $ heroku logs --tail 치면 서버 로그 볼 수 있는데 어떤 상태인지 실시간으로 확인하기 좋다. 여기서 보고 에러 고치면 좋음
  - Node.js: package.json not found in application root
    - 해결 : heroku/heroku-buildpack-nodejs#323
  - 배포는 되는데 얼마 안 지나서 crash 발생
    - 해결 : egoist/vuepack#145
    - express로 서버 만들어주고, port 설정해줌
    - heroku에도 환경변수 등록해줌 (heroku config:set [내용] 또는 홈페이지에서 등록
API 요청 컨트롤러 분리
- 비동기 어떻게 쓰는지 이해를 잘 못해서 undefined 고비가 있었으나 ㅜㅜ
  - 오류 내용 정리 : https://gist.github.com/healim/0d7f97e2a5d0428c1b27b771b2a16f50
- 다행히 해결함
  - 컨트롤러 호출하는 부분에만 비동기를 썼는데
  - 컨트롤러에 비동기, async/await 써야하는거였다
  - axios .then()에서 async/await으로 바꾼 김에 try/catch도 적용함
- QQ. 비동기는 테스트/디버깅을 어떻게 해야 하는지 찾아보기
- QQ. 비동기 이해도 높이기
배포 중지(?)
아침에 보니 봇이 꺼져있음
근데 heroku 로그에는 충돌 났다거나 종료된 내용이 없다.
요청 없으면 일시정지 시켰다가, 요청 들어올 때 재시작? 하는 식으로 heroku 서버 동작하나?
꼭 그런 것 같지도 않는데, 위 같은 경우면 아침에 메시지 보냈을 때 켜졌어야 함, 게다가 로그는 남아야 하는데 없음(=heroku는 문제 없음)
- 아니면 웹으로 요청 들어올 때랑 봇으로 요청 들어올 때랑 다른가?
  - 아 봇도 Koa 인스턴스 app에서 요청 받을 수 있게 설정 해줘야하는데 내가 안 해줘서 그럴지도..!
참고

healim/tumblbug-alert

텀블벅 알람

지금 잘 모르는 것

진행 내용