Welaaa Web Service

(주)인플루엔셜의 스마트러닝 서비스인 `윌라`의 웹 서비스를 제작했습니다.
앱과 웹이 동일한 API를 참조하도록 설계 되었기 때문에, 웹 서비스는 웹 애플리케이션과 같은 형태로 구현 되었습니다.
React 기반의 SPA처럼 동작하면서도 SEO 대응을 위한 서버사이드 렌더링을 고려해 next.js 기반으로 구축되었습니다.

윌라 웹 서비스는 반응형으로 구축되었습니다.
단일 컨텐츠로 스마트폰, 태블릿, 데스크탑을 모두 커버하기 때문에 유지보수 단계에서도 단일 컨텐츠 변경으로 모든 디바이스에 반영할 수 있도록 작업 되어 있습니다.
벡터 그래픽을 최대한 많이 배치했기 때문에, 고해상도 디스플레이에서도 깔끔하게 표현됩니다.

결제는 아임포트를 이용해 구축되었습니다. 아임포트를 통해 데스크탑과 모바일에서 모두 최적화된 UX를 제공합니다.
배포는 아마존 웹서비스의 엘라스틱 빈스톡을 이용해 이루어집니다. 오토스케일링과 로드밸런서를 통해 트래픽 부하를 분산합니다.
인스턴스 롤링 배포를 통해 메인터넌스 없는 무중단 운영이 가능하도록 설계되어 있습니다.

Technical Summary

Backend
  • next.js
  • ExpressJS
  • Server-side Rendering
Frontend
  • ReactJS
  • MobX
  • Sass
etc
  • Amazon Web Services
  • Elastic Beanstalk
  • Iamport Payments