|
문과출신이고 독학으로 개발을 배웠는데 이번에 앱을 만들어 보았습니다.
원래 앱 개발 보다는 프론트엔드(vue.js)+백엔드(node.js)로 웹프로그램 만드는 것을 주로 해보았구요.
그래서 이번에 만든 앱은 capacitor.js를 이용한 하이브리드앱입니다.
직접 완성된 서비스를 만들고 싶은 마음에 프론트엔드+백엔드 둘 다를 공부하였고, 개발회사에 취업한 적은 없습니다.
Google Sheets에서 하나의 셀에 문장을 넣고 중요한 부분에 대괄호를 쳐 주면 자동으로 퀴즈를 만들어주는 학습앱입니다.
Google Sheets와 연동이 되기 때문에 편리하게 퀴즈 데이터를 수정하고 관리할 수 있습니다.
최대한 사용자가 번거로워하지 않게 하기 위해 회원가입, 로그인 이런 것도 없구요.
백엔드를 저렴한 vps하나 사서 node.js로 만들어 보려다가 운영비도 줄이고 백엔드 없이도 원하는 기능 구현이 가능할듯 하여 백엔드 없이 만들어 보았습니다.
하지만 구글 시트 아이디를 앱에 최초 한 번 직접 입력을 해야 되는데 이 과정이 사람에 따라 좀 번거로울수 있다고 생각하고 있습니다.
데이터는 구글 시트에서 바로 fetch해서 로컬에 저장하는 방식이 되도록 하였습니다.
광고도 넣었는데 아직 pin번호 등록이 안되어서 현재 광고가 노출이 되고 있진 않습니다.
이번 앱 개발에 사용한 프레임워크 또는 라이브러리는 다음과 같습니다.
프론트엔드 : Vue (Composition API 사용했습니다.)
상태관리 : Pinia
스타일 : TailwindCSS
백엔드 : 없음 (또는 Google Sheets 일수도?)
로컬저장소 : Localforage (local storage는 용량이 모자랄듯 하여 indexed db를 사용하였습니다.)
모바일앱 프레임워크 : Capacitor
광고 : Admob
안드로이드 플레이스토어
https://play.google.com/store/apps/details?id=com.wizamuse.quizsheet
항상 부족하다고 생각하고 있습니다. 많은 관심과 지도편달 바라며 긴글 읽어주셔서 감사합니다.
| 
등록안내
0
0
컴맹99
김말이떡볶이
