• date: 2015-05
• tools: html, css, javascript
• demo: https://projects.redgoose.me/2015/kda-app/demo

* 이 사이트의 디자인은 polarisdesign에서 만들었다.

KDA(대한치과의사협회)에서 공지알림을 협회에 가입된 국내 치과의사에게 공유하고 커뮤니티성 기능을 내장한 앱을 작업하게 되었다.
모바일 앱이기 때문에 많은 기능이 들어갈거라는 생각은 전혀 못했는데 왠간한 커뮤니티 사이트보다 더 많은 기능이 들어가버리게 되었다. 처음 작업했을때는 정확한 기능 영역이 잡혀져 있지않은 상태여서 아무것도 따지지도 못하고 이 작업에 손대게 되었다. 무엇보다 하이브리드 앱 작업은 처음이라서 옳고그름을 판단할 수 없는 상태였다.

html5, css3를 베이스로 사용되었고, jQuery로 js부분을 컨트롤했고, 데이터 템플릿으로는 knockout.js를 사용했다. 앱 특성상 원페이지 사이트가 되어서 라우팅 작업이 필요했고 모두 비동기로 서버와 데이터를 호출하여 knockout.js 템플릿으로 html에 값들을 바인딩하여 처리했다.

작업 기간자체는 많아보였지만 중간에 늘어나는 작업분량과 열악한 환경, 정상적으로 구성되지 않은 팀원에 의해서 우여곡절이 많았지만 여차여차 해결해나간 프로젝트다.

버전관리

작업을 시작할때 개발자와 버전관리에 대해서 어떻게 할것인지에 대해 이야기를 시작했다.
개발쪽에서는 view영역을 따로 떼어내어서 버전관리를 하기 힘들다고 해서 좋은 대책을 내어주지도 못하였다. 그래서 나는 프론트엔드쪽은 나에게 익숙한 git로 작업하겠다고 했다.
개발자는 git쓰는법에 대해서 배우고 view 영역은 같이 작업하게 되었다. git에 익숙하지 않은 개발자는 처음 경험에 대한 시행착오를 많이 겪어야 했다.

확실히 개발환경 구성은 개발쪽에서 구축해줘야하는게 맞다는 것을 많이 느낀다.

데모체험

기능을 체험해보고 싶다면 모바일 화면에서 demo 링크를 열거나 크롬에서 데모페이지에 들어가서 개발자도구에서 모바일모드를 활성화한 뒤에 사용하면 된다.