Web App Framework, Ionic to Framework7

in dev •  5 months ago

스크린샷 2018-06-26 오전 12.35.20.png

안녕하세요, 코인봇 입니다 :)

steemstatus.com 페이지를 업데이트 중에
다음 프로젝트에 사용될 프레임웍에 대해서 소개해 볼까 합니다.

다음 프로젝트는 모바일 앱으로 먼저 배포할 예정입니다.
모바일 앱 개발시에, 물론 네이티브 앱이 최고 입니다.

하지만 개발 생산성과,
Android, iOS동시 지원 문제로 저는 주로 Hybrid App으로 개발 하는 걸 좋아 합니다.
모바일 다비이스의 성능 향상과 함께, 요즘에는 그래도 조금 쓸만 해진 것 같은 느낌입니다.

Ionic

Ionic은 Cordova에 Angular를 더한 프레임웍으로
많은 컴포넌트들을 포함하고 있어 앱을 쉽게 개발 할 수 있습니다.

Cordova를 사용해서 처음 앱을 개발했을 때는 15년 이었습니다.
이때는 Cordova + Backbone 조합으로 개발을 했었는데,
Hybrid App을 처음 개발 할때라 개발 시간도 오래 걸리고, 잦은 버그를 잡는데 애를 많이 썻던 기억이 있습니다.
정말 날거로 개발을 했다보니, 개인적으로 도움이 많이된 과제 였습니다.

다음으로 16년 신규 과제에 Ionic을 이용해서 개발을 하게 되었습니다.
Hybrid App과 Angular에 대한 경험이 조금 있을때라 앱을 만드는데는 크게 무리가 없었습니다.

Ionic으로 개발 하면서 받은 느낌은 너무 무겁다는 느낌입니다.
Angular도 무거운 느낌인데,
Hybrid App을 지원하기 위해 Ionic에서도 많은 모듈 들이 포함되어 있습니다.
사실 이 모듈 들을 걷어 내는것도 일입니다.
또한, 당시 Ionic의 고질적인 문제로, 앱 초기 로딩시간이 무척 길었습니다.

그럼에도 불구하고
개발 생산성이 매우 뛰어나, 단기과제에 적용하기에는 적합한 프레임웍 이었습니다.

Framework7

Ionic이 너무 무거워 다른 프레임웍을 찾다가 Framework7으로 진행 하기로 했습니다.

이때에 왠지 Framework7에서 Vue조합을 더 미는것 같았지만,
React가 적용해 보고 싶어서 React로 진행을 하였습니다.
Framework7은 어찌보면 View만 관리하기 때문에 Ionic에 비해 무척 가볍습니다.

이런 가벼움 이면 사실 Hybrid App을 개발하는데 충분 했습니다.

Framework7 + Vue

여기에 먼가 더 가벼워진 느낌인 Framework7 + Vue로 개발을 하려고 합니다.
React 보다 더 날것 같은 Vue가 좋습니다.

Web <--> Native

web 과 Native연동은 이벤트 전달만 사용하면, 무리가 없다고 생각 됩니다.
일반적인 앱애서 사용하는 거이 모든 기능을 구현 할 수 있습니다.
이 이상 Native기능을 사용해야 한다면 Hybrid App이 잘못된 선택일 수 도 있다고 생각 됩니다.

Server side web app

Hybrid app을 만들때 Web App을 서버에 올려 놓습니다.
이러면 모바일 앱을 업데이트 하지 않고도, 앱을 업데이트 할 수 있습니다.
간단한 페이지 업데이트 뿐만 아니라,
테스트를 많이 하지 못해서 생기는 버그를 해결 하는데 큰 도움이 됩니다.
iPhone App 업데이트시 승인이 몇일씩 걸리는 문제도 없어지게 됩니다.

Native App

웹앱을 다시 Native App으로 만들게 된다면,
이미 개발자는 늘어나 있고, 꽤나 성공 한 서비스 일 것 입니다.

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!