Moostock(8) - next.js에서 firestore이용하기 (토큰 저장하기)

이제 종목들의 일봉도 보여줄 수 있게되었고, 다음 스텝을 생각해봤다

 

나는 지금 한투 오픈 api를 이용하고 있는데

 

이게 개인키 2개를 보내면 24시간동안 쓸수있는 접근 토큰을 준다

 

이 3가지 키를 알고있어야 시세등 여러가지 api를 호출할 수 있다

 

나는 db, 백엔드 지식이 거의 없다시피 하기때문에

(싸피에서 장고를 배웠지만 기억이 하나도 안남 ㅎ..)

 

그냥 하루마다 포스트맨으로 접근 토큰을 받아서 직접 넣어주고 테스트를 했다

 

아~~주 만약에 뭐 배포를 한다거나 할때 직접 매일 직접 넣어줄수는 없으니 방법을 모색했다

 

여러가지 검색을 하다가

https://www.youtube.com/watch?v=5mAgMFNhTBY&list=WL&index=1&t=1862s

 

요 영상을 찾게되었다 

 

next 버전이 13이긴 하지만 14와 그렇게 큰 차이가 없어서 아주 많은 도움이 되었다

 

저 영상을 찾기전에 db를 뭐로 써야하나 검색을 많이 하다가

 

프라스마?에 대해 알게되고 sqlite를 쓸가 등등 여러 고민을 했는데

 

저 영상에서 firstore를 사용하는 방법을 알려주는데 매우 간단해서 

 

나처럼 간단한 데이터를 저장하고 가져다 쓰기에는 참 좋은거같다

 

https://firebase.google.com/docs/firestore?hl=ko&_gl=1*1bhtzvo*_up*MQ..*_ga*MTcxNjk5NDYzMy4xNzEzMzE0NzE5*_ga_CW55HF8NVT*MTcxMzMxNDcxOC4xLjAuMTcxMzMxNDcxOC4wLjAuMA..

Firestore  |  Firebase

 

그리고 SQL을 몰라도 쓸수 있는것도 장점인거같다

 

그리구 어쩌다 유튜브 알고리즘을 통해서 db관련된 영상을 봤는데

 

firestore는 document db에 해당한다고 한다 

 

무튼 저 영상을 참고하거나 공식문서를 참고하면 아주 간단하게 db를 만들고 사용할 수 있다

 

그리고 .env파일에 firebase나 한투 api키를 저장하고 gitignore에 추가해서

 

나만 볼수있게 설정하였다

 

그리고 파이어스토어에 있는 토큰을 불러오거나 수정하는 api를 만들었다

 

이 부분도 나름 고민이 많았다

 

시세를 불러 올때마다 파이어스토에어서 토큰을 받아와야하는데 이게 너무 비 효율적인가 싶었다

 

그래서 로컬스토리지에 저장할가 라고도 고민했지만

 

개인 토큰을 로컬스토리지에 저장하는것도 뭔가 찝찝해서 

 

그냥 시세 불러올때마다 파이어스토어에서 토큰을 가져오기로 했다

 

---

여기서 또 고려해야할 부분이 있었다

 

접근 토큰은 유효기간이 하루이다

 

그래서 유효기간이 남았는데도 계속 토큰을 받아오는 api를 날리면 

 

비 효율적이기도 하고 한투 api측에서 제재를 받을수도 있다

 

그래서 그 유효기간도 파이어스토어에 저장하기러 했다

 

그래서 흐름을 정리를 하자면

 

메인 페이지 접근 => 파이어스토어에서 토큰 유효기간 가져와서 비교

=> 만약 토큰기간이 만료되면 한투 api 접근토큰요청하기 => 받은 유효기간과 토큰 파이어스토어에 저장

=> 시세 부르거나 필요할때 파이어스토어에서 저장된 접근토큰 받아와서 사용하기

 

뭐 이렇게 되겠다

---

내가 직접 db를 만들어서 사용해보거나 한적이 없어서

 

어떤 정보를 언제 저장하고 언제 가져와서 쓰는지 등에대해 많은 고민을 할 수 있었다

 

이제 토큰도 안정적으로 저장하고 가져오게 되었으니 

 

다음 스텝은 일봉말고 주봉이나 월봉을 보여준다거나

 

나스닥에 없는 다른 종목들을 검색하는등의 기능을 더 구현해 보겠다