가상 화폐 거래소 간의 스프레드를 표시하는 사이트를 만들어 보았다.

2017년은 가상화폐 굉장히 고조되었습니다.

Web 사이트 만들어 보고 싶다고 작년의 5월부터 계속 생각해 겨우 첫째 완성했습니다. 웃음
덧붙여서 이런 사이트 만들고 있는데 무엇 하나 가상화폐가 없습니다. 웃음



실제로 이 사이트에 착수한 것은 11월 정도이므로 제작 기간은 3개월 정도라고 생각합니다.

Library

Front-End

create-react-app - htps : // 기주 b. 코 m / 펑세 보오 k / c Rete-Rea ct-p
React v16.2 - htps : // 기주 b. 코 m / 후세 보오 k / 레아 ct
React-router-dom v4.2 - htps //w w. 음 pmjs. 코 m / Pac 카게 / Rea ct - r-m
Recharts v1 - htps : // 기주 b. 코 m / Recha rts / Recha rts
Semantic-ui-react v0.77 - htps : // 기주 b. 코 m / Semanchi c-rg / Semanchi c Ui Rea ct
Bootstrap v4 - htps : // 기주 b. 코 m / twbs / 보오 tst 등 p
axios v0.17 - htps : // 기주 b. 코 m / 아오 s / 아 오 s
moment v2.20 - htps : // 기주 b. 코 m / 모멘 t / 모멘 t

Back-End

Node.js v8.9.4 - htps : // 그래서 js. 오 rg / 그럼 /
루프백 v3.18 - htps : // 기주 b. 코 m / st 롱 g ぉ 오 p / ぉ 오바 ck
MongoDB v3.6 - htps //w w. 몽고 db. 코m/
ccxt v1.10.1084 - htps : // 기주 b. 코 m / cxt / cxt
node-cron v1.3 - htps : // 기주 b. 코 m / 케이 k 치 v / 그래서 - c 론

Deploy 환경

Netlify Front-End - htps //w w. 네 tぃfy. 코m/
AWS Route53 DNS - htps : // 아 ws. 아마존. 코 m/jp/납치 53/
AWS Lightsail Ubuntu 16.04 LTS - htps : // 아 ws. 아마존. 이 m/jp/ぃgh ㅁl/

고집한 곳.

REST API + 가상 DOM(SPA)
자동 업데이트
자바스크립트만. (결과적으로 그렇게 되었을 뿐의 생각도 한다.)

힘들었던 곳.

ES5 이전과 ES6 이후의 Javascript 구문(익숙해질 때까지 지옥.웃음)

WebApp의 디자인 규칙과 같은 것.

CRUD -> HTTP 메서드Get Post Put Delete
프런트 엔드와 백엔드의 역할 분담 아이디어

기능 구현을 위한 수단 파악

특정 시간에 프로그램 실행 -> 스케줄링 기능 -> Cron.
에러가 나왔을 때 다시 루프 처리하는 방법 -> forever나 pm2등으로 데몬화.

이 2점, 설계 단계에서 꽤 고민한 포인트였습니다만, 하나라도 App을 배포하고 있으면 알았던 것 같은 간단한 내용이었습니다. 웃음

프로덕션 환경을 바라보고 TDD해야 한다고 다시 생각한 순간이었습니다. 웃음

앞으로 처음으로 웹 앱을 만드는 분에게

책에서 공부하는 사람

오래된 양서보다 새로운 일반 책을 사자.
웹 기술은 날마다 진화하고 있기 때문에 정보가 진부화합니다.
개인적으로 양서라고 들으면 두껍고 내용이 세세한 책이 많다고 생각합니다.
처음 앱 제작 동행에는 불필요하다고 생각합니다.

좁고 깊은 책보다 넓고 얕은 책을 사자.
만들어 버리는 것만이 아니라 실제로 배포까지 하는 책이 때문에 될 수 있다고 생각합니다.
또 저자의 코드의 버릇등이 있어, 부분적으로 배워 버리면 다른 책을 참고로 했을 때에 가벼운 패닉이 되는 일이 있습니다.
한 번 전부 해보고, 이렇게 웹 앱 만들기라고 감각을 잡고 나서 다음 책에 가는 것도 늦지 않습니다.

영상으로 공부하시는 분

코드는 만국 공통. 영어 동영상도 보면 좋을지도 모릅니다.

어떤 간단한 앱이라도 좋기 때문에 개발만으로 끝나지 않고 공개까지하는 것이 좋습니다. (사람을 말할 수는 없지만. 웃음)

향후 예정

반향이 있으면 다른 통화나 거래소 늘어날 것 같아요.

뭔가 있으면, 코멘트나 Twitter로 질문 주시면 기쁩니다.