디자인 작업과 API에 관해

 

먼저, 디자인

현재 치스톡 프로젝트 디자인 작업 중이다.
8px 그리드 기반으로는 처음 작업해보는데 신경써야 할 것도 많고 재밌긴한데 어렵다.
 

조금씩 계속 수정되는 중.........

 
그래도 지금이 꿈과 희망이 가득할 시점이니까.........기능 구현 생각 안하고 디자인 마구 그리는...........
모바일 대응도 하고 싶은데, 일단 PC 디자인이 빨리 끝나고 모바일 디자인을 호다닥 해봐야겠다.
 
PC는 12 Column, Gutter 16px로 작업 중..... 모바일은 4 Column, 8px Gutter로 작업 예정....
여러 레퍼런스에서 디자인 틀을 조금씩 가져왔다. 모방은 창조의 어머니라 하지 않던가....
네이버 증권, 토스 증권, 인베스트 인포, 매일경제 증권, 기타 컨셉 디자인 등등등등 감사합니다...
 
그래도 전체적인 색 톤이나 타일 형태의 디자인은 이전 치스톡 형태를 유지 중이다.
나름 대시보드 형태로 이전 버전들을 계승했다고 볼 수 있지 않을까?
 
또, 프론트로만 구현할지 서버를 써야할지 고민 중인데
아마 쓰게 된다면 파이어 베이스를 써보지 않을까......하는 생각
안 써봤긴 하는데 서버를 구축하는 것보다는 훨씬 나을 것 같아서 고민 중이다. 필요하다면? 하게 되겠지?
 
아래는 거의 끝난 홈화면 디자인, 8px 그리드를 사용한 덕분인지 이전 디자인들보다 좀 더 체계적이라는 느낌이 든다.
 

치스톡 1.0 홈화면

 

치스톡 1.5 홈화면

 

현재 치스톡 2.0 컨셉 디자인

애플 티커가 APPL로 오타난 건 덤이다

 

 

다시, API

 
또, 다르게 문제가 된 것이 이전 1.5를 퍼블리싱하면서 FMP api에서 yahoo finance api로 api를 변경했었는데,
변경했던 api가 rapid api에서 서비스 되던 api라 사라져버렸다...........
이전에도 주식 데이터를 실시간으로 제공해주는 api를 찾는게 쉽지가 않아서 힘들었던 기억이 있는데 이걸 다시....해야....
어쨌든 그래서 지금 어떤 api를 사용할지 다시 고민중이다.
몇 가지 후보를 찾긴 찾았는데 아무래도 비교를 해봐야할 것 같다.
 
1. 한국투자증권 KIS Developer API
     확실하진 않지만, 대충 찾아본 결과 국내 증권사 api 중 유일하게 REST API를 지원한다.
     꼼꼼히 살펴보진 않았지만 기능도 많고 한국 API라 나쁘지 않은데, api 키가 매일 바뀌는 것 같다...아마도?
     이렇게 되면 사실상 배포는 불가능해서.......후순위일 것 같다.
2. Free Stock Market
     기존 1.0에서 사용했던 API. 그 때도 잘 쓰긴했는데 무료 플랜에서는 기능 제한이 조금 빡신 편이라
     문서를 꼼꼼히 읽고 원하는 기능들을 구현할 수 있는지 체크하고 사용해야한다.
     사실 주식 대시보드라는 프로젝트를 하고 있지만 데이터 시각화랑 Next.js가 목표라
     디자인 상에 그려진 모든 기능을 구현할 필요는 없지만 그래도 하면 좋으니까 한 번 체크해보고 사용할 듯.
     이렇게 되면 구현 불가느한 기능은 API를 안 붙이고 퍼블리싱만 할 것 같다.
3. Alpha Vantage
     Github에 있는 한국인을 위한 무료 API 리스트에서 찾은 또 다른 주식 API
     Free Stock Market API랑 비슷해보이는데, FMP는 Pricing이 있는데 이 API는 Pricing이 없는걸 봐서 아에 무룐가? 싶다.
     아직 문서를 안 읽어봐서 확실하진 않지만 FMP랑 비슷한데 무료라면 오히려 제공하는 기능이 더 많을지도 모른다.
     역시 문서를 읽고 비교할 예정이다.
4. Barchart
    여기는 잘 모르겠다. 뭐지? 일단 살펴볼 예정
5. twelvedata
    Alpha Vantage에서 지수 정보는 제공해주지 않아서 찾아본 API 중에 이런 것도 있더라
6. finnhub
    주식 Peer 무료 API는 여기서 제공한다.
 
API를 어떻게든 조합해서 만들어내거나....아니면 위 API가 모두 불만족스럽다면, 아에 가상화폐 쪽으로 틀어버릴 수도 있다.
API는 주식보다 가상화폐 쪽이 조금 더 잘 되어있기도 하고, 차트 그리는 건 뭐든 상관은 없으니...
다만 주식을 고려하고 짜여진 디자인을 조금 바꾸긴 해야할지도 모르겠다.
가상 화폐 쪽은 아직 API를 살펴보진 않았고, 지나가다 슬쩍 본 게 cryptocompare api 정도?
결국 비교해봐야 알 수 있을 듯 하다.