몬스탁 서비스를 처음부터 2022년 06월 라이브중인 서비스까지 프론트를 100% 전부 혼자 개발 및 운영했습니다.
중간에 추가인원이 없던관계로 프론트엔드는 퇴사직전까지 오로지 혼자개발해왔고 소스코드도 전부 제가 개발한 상태입니다.
| 환경 | Vue2 / Quasar framework / PWA / SSR / Node.js / Google Cloud Build / Protocol Buffer / GRPC / Highchart / Tradingview chart / TWA(android) / firebase / sentry / Klaytn / Klip / Kaikas |
|---|---|
| 서버 | Google Cloud(Kubernates) |
| 결제, SMS, 본인인증 모듈 | 아임포트 / KG Inicis / Pass |
monstock.app 이라는 서비스를 개발하고 서비스하였으며 API서버는 JAVA로 되어있습니다.
몬스탁 서비스는 SPA / PWA / SSR / TWA 까지 모두 커버중인 서비스로 Google cloud 에서 kubernetes 서비스를 사용하고 있고 클라우드 빌드를 사용하고 있어서 처음 빌드환경 세팅 이후 프론트개발에만 집중했습니다.
사이트 특성이 주식과 코인, NFT, 블록체인기술에 관련이 있다보니 거의 모든 숫자 표기나 계산이 일반적인 Number타입으로 되어있지 않고 BigNumber.js으로 처리가 되어있습니다. 실시간으로 시세정보도 보여주긴하지만 서버에서 지원하지않아서 Websocket을 사용하지않고 GRPC 라는 프로토콜 방식을 사용하여 API를 주기적으로 호출하는 방식을 사용합니다.
프론트부분은 처음부터 끝까지 제가 다 맡아서 작업하였고 디자인:개발 비율이 1:1 인 상황에서 혼자 전부 개발했습니다. 기획자는 있었지만 모두 몇개월 또는 하루도 버티지 못하고 그만두었기에 즉흥적인 요구와 수시로 갈아엎고 수정되는 내용들이 개발에 꽤 많은 부담으로 돌아오기도 했습니다.
특이점이라면 인피니티 형태의 리스트에서 새 레이어가 아닌 페이지 전환을 통한 전통적인 웹의 자연스러운 뒤로가기 액션을 구현하기 위해 Vue-Router 레이어에서 Stack 을 구현하여 제공하고 있고 잦은 서비스 리뉴얼을 했었습니다. (위 유튜브 영상 3분30초~4분 사이를 참고하시면 어떤 동작인지 확인하실 수 있습니다)
그 외에도 안드로이드 마켓에 앱으로 런칭하기위해 TWA 를 적용하였고 성공적으로 런칭되어있습니다만 ios의 경우에는 apple 의 정책 때문에 PWA 형태로만 서비스하였습니다.
계약회사: 노스스타컨설팅
프로젝트명: 현대자동차 모빌리티 공유 APP 서비스 개발
공유차량 카풀 서비스의 드라이버, 라이더앱 , 관리자웹 개발
(런칭을 할수없어져서 캡쳐를못해 아래는 소스에셋 중 투명배경 이미지입니다.)