저는 음 입사한지 3달 되는데요. 착한임대관리 어플 제작 중 입니다. 정보
저는 음 입사한지 3달 되는데요. 착한임대관리 어플 제작 중 입니다.
본문
저는 음 입사한지 3달 되는데요. 착한임대관리 어플 제작 중 입니다.
구글플레이스토어에 등록되어 있습니다.
3개월전에는 java나 php로 사이트만 만들 줄 알고 있었는데,
회사에서 앱 + 빠른 개발을 요구하셔서,
자바를 할 줄알기 때문에 안드로이드로 하면되는데, 음 빨리 해달라고 해서 그리고 애플도 고려야하니.
생산성과 호환성을 고려해서 하이브리드앱으로 결정하고 만들고 있습니다.
서버쪽은 그누에서 회원 로그인 부분하고 command 라이브러리 이용하고 있습니다.
처음에 jquerymobile + 폰갭(코도바) 이용해서 만들다가
SPA개념을 모르고 있어서,
webview로 그누보드 페이지에 접근했었는데,
사진을 찍는 부분에서 자꾸 애러가 나더라구요. 다른 에러들도 많고.
개발한지 2개월 정도 되는 시점이었는데,
사진 찍기 부분이 중요한 부분이라 거시적으로 관망하면서 다시 찾아보니 SPA로 개발해야
상태유지가 된다고 하는 것을 알게되었고,
그래서 view 부분을 한페이지에 다 때려 넣고
서버 통신부분을 모두 ajax로 처리하여서 해결했습니다.
그런데 한 파일에 넣다보니 줄수가 너무 길어져서
스크롤을 하다보면 손가락이 너무 힘들어 하더라구요 젓가락질이 잘 되지 않을 정도 네요.
그래서 굳이 SPA로만해야 하나 찾다가 anguler의 ng-include 방식을 알게되어
anguler 도 같이 공부하고 있습니다.
그런데 anguler 공부하니까 ionic 이야기 나오고 ionic 검색하니까
다시 그누보드 > 소모임 > 앱개발이 나오네요.
전 jquerymobile 에서 ionic로 갈아탈 예정입니다.
진작에 알았으면 anguler(ionic)로 개발하는건데
Material 을 보니 이것도 추가 해야겠다는 생각이 드네요.
암튼 저도 가끔 와서 개발 노하우를 늘어 놓도록 하겠습니다.
0
댓글 2개
6-7월경에 시작하면서, ionic과 onsen이 있는데, ionic은 고수님들의 이야기로는 랙이 있다고 해서..
한동안 onsen으로 했는데.. onsen이 일본쪽에서 만든것이다 보니, 미국쪽에서는 많이 사용이 안되는 느낌이 들어서..
최근에 다시 ionic관련자료를 준비하고 있으니.. 자주 들러주세요..
그래도 우선 디자인과 폼은 모바일웹형식으로 만들었고요. 이부분은 자주 하던일이라 쉽게 되었
는데요. 그리고 폰갭 개념상 웹을 앱으로 전환 한다고 해서 앱으로는 그냥 되는줄 알고 했는데,
이상하게 앱에서 사용되는 기능이 처음 한번은 되는데, 다른 페이지 넘어갔다오면 애러가 나고,
실행이 되는데 동일한 기능이 중복 실행되고를 반복하더라구요.
웹뷰어라고 해서 아무데나 막 접속해서 갖다오고 하면 안되더라구요.
웹뷰어는 자체 소스상에 있는 웹페이지만 접속해야지 타 서버에 있는 것을 갖다 오면 상태 값을 잃어 버
리게 됩니다. 그리고 페이지에 설정값을 넣어 놓고 반복 해서 실행되면 스크립트가 반복 등록되어서
해당 스크립트를 실행하면 페이지를 열어본 만큼 중복실행 됩니다.
찾아보면 하이브리드앱 만들려면 서버와 통신은 ajax로만 해야하고 함수나 ID 값 중복 없어야하고
등등의 설명이 나오더라구요. 도대체 이게 무슨 말인가 고민하다가 SPA(한페이지어플)라는 단어를 보고서
아 이거구나!
왜 책들과 커뮤니티에서는 하이브리드앱 설멸할때 SPA에 대한 개념을 먼저 설명해주
지 않았을까? 화가 나더라구요. spa를 알았더라면 시행착오가 없었을 텐데
제가 아직 ionic 나 타 하이브리드 프레임워크를 사용해보지 않아서 잘은 모르겠으나,
아무튼, jquerymobile 에서는 SPA를 유지하기 위한 기존 웹과는 다른 방식의 기능들이 있더라구요.
처음에 링크(<a href="">aa</a>)를 걸었는데, div 속에 다음페이지가 들어가서 타겟을 top 으로 바꿨더니
어떤 스마트폰에서는 앱자체 webview 안에서 얌전하니 실행되는데 또 어떤 기종에서는 타 웹브라우저
에서 실행되고 아무튼 한참 해메었습니다.
처음에 웹페이지 내용을 모두 불러와 등록하고 href="#페이지아이디" 형식으로 기존에 등록된 DIV 테그에 페이지로 선언된 DIV불러와서 실행하는 방식입니다. 마치 show hidden 바꿔가면서 실행하는 것 같더라구요.
그래서 앱의 index.html 페이지 안에 모든 폼을 div 로 감싸서 통합해주고, 덕분에 모바일 웹은 한번에 불
가능해 졌습니다.
그리고 웹이 실시간으로 업데이트 되는 것도 포기, 플레이스토어에 올리고 한 3시간 지나야 반영되고,
기존 버전 다운로드 하신분은 기존 버전 지우가 다시 깔지 않는한 구버전에서 남아 계셔야하고(물론 다른방법있음.) 웹으로 구현하면 되는 장점은 모두 버림.
그런데, 지난주에 anguler 로 ng-include 를 써서 페이지 모두 서버 쪽으로 옴기고, 방금전 출근해서
문든 드는 생각이, 모바일웹으로 할 수 있지않을까 해서 앱의 index.html을 복사해서 앱에서 실행되는
부분을 삭제하고 서버에서 돌리니까.
모바일웹이 바로 실행이 되더라구요. PC버전 웹페이지를 만들고 있었는데, 기존 모바일 웹을 손봐서
반응형으로 살짝만 바꾸면 해결되는 사항으로 바뀌었습니다. 일정 2달 더 늘려달라고 했는데, anguler
덕분에 좀 수월하게 개발할 수 있게되었습니다. 좀 길어졌네요.
