Vue.js, 코르도바로 제작한 ‘카메라 갤러리’ 교육용 앱

Application éducative avec partage en temps réel avec Vue.js, Vuetify.js, Apache Cordova et Google Firebase

‘카메라 갤러리’ 교육용 앱은 Vue.js, Vuetify.js, 아파치 코르도바, 구글 파이어베이스를 사용하여 하이브리드 앱 개발을 학습하기 위한 목적으로 만들어진 실시간 공유기능의 교육용 앱입니다. 본 앱은 PWA와 동일한 코드베이스로 네이티브 코르도바앱을 제작하였습니다. 즉, 파이어베이스 DB를 사용하는 ‘카메라 갤러리’ PWA를 코르도바앱으로 소스 변경 없이 변환함으로써 Write Once, Run Anywhere를 실현했습니다. 그리고 실제 그 결과물을 구글 플레이에서 직접 사용해 봄으로써 성능을 테스트해 보실 목적으로 제작되었습니다.

[특징]

- 하이브리드앱에서 서버리스 백엔드 파이어베이스 DB를 사용해서 CRUD(Create, Read, Update, Delete)의 사용

- 실시간 데이터 공유기능의 활용을 통한 여러 사용자 간의 데이터 처리 실시간 공유

[사용된 기술]

1. 자바스크립트 프레임워크 : Vue.js

2. 머티리얼 디자인 프레임워크 : Vuetify.js

3. 베이스 코드 : PWA(Progressive Web Apps)

4. 하이브리드앱 프레임워크 : Apache Cordova

5. 실시간 DB : Google Firebase