[Android] 앱스프레소로 안드로이드 앱 만들기

갤럭시S 삼을 사고 난 후에 아이폰을 바로 팔아버렸습니다.
때문에 아주 유용하게 쓰던 녀석들을 더 이상 못쓰게 되어서 급하게 안드로이드용 앱을 만들었는데 그 제작툴로 앱스프레소를 활용했습니다.

앱스프레소(http://appspresso.com/ko/)는 html/css/js 로 제작된 제작물을 아이폰이나 안드로이드폰에서 네이티브 앱처럼 실행할 수 있게 해주는 프레임웍 입니다. 폰갭과 같은 다른 것을 사용하려고 하다가 마음이 급해서 써본적이 있는 앱스프레소를 사용했습니다. 폰갭은 앱스프레소와 다르게 네이티브 코드를 작성할 수 있는 장점이 있습니다. (물론 일장일단이 있습니다.)

각설하고, 고속도로교통정보 앱을 제작하는 과정을 빠르게 보여드리겠습니다.

  • 이곳 에서 앱스프레소를 다운로드 받습니다.
  • 이곳을 보며 개발 환경을 구축합니다.(개발환경 구축에 대한 좀 더 자세한 문의는 댓글이나 메일 등 으로 문의 주시면 도움드리겠습니다.)

위와같이 환경을 구축하고 Hello World 빌드에 성공했다면, 이제부터 나만의 앱을 만드시면 됩니다.
앱 개발은 전혀 어렵지 않습니다. 여러분이 아직까지 배워왔고 해왔던 html/css/javascript 로 만드시면 됩니다.

저 같은 경우 앱스프레소에서 개발하면 디버깅도 느리고 환경도 어색하여 로컬에 작업용 폴더를 만들고 작업했습니다.

이렇게 로컬 브라우저를 활용해서 개발을 하고 디버깅을 마친 후 앱으로 테스트 빌드를 해보겠습니다.

1. 앱스프레소를 실행하여, 아래와 같이 신규 프로젝트를 생성합니다.

2. 프로젝트 인스펙터에 src 폴더를 열어 위에서 작업한 파일들을 전부 드래그해서 넣습니다.

3. 프로젝트 인스펙터에서 프로젝트 이름위에서 마우스 오른쪽 버튼을 클릭한 후 Debug as -> Android 장치에서… 를 선택합니다.

자, 이렇게 하면 지금까지 작업한 프로젝트가 설정한 안드로이드 시뮬레이터에서 실행되는 것을 보실 수 있습니다.
html/css 와 javascript 만을 가지고 간단한 컨텐츠를 뿌려주는 앱은 이렇게 쉽게 제작이 가능합니다.

물론 안드로이드 단말기는 구글스토어의 등록(인증) 없이도 패키지 파일을 배포할 수 있어서 더욱 쉽게 활용이 가능합니다.

정말 쉽죠?
다음엔 단말기의 기능(카메라, gps 등)을 활용한 개발도 해보겠습니다. 🙂

4 Replies to “[Android] 앱스프레소로 안드로이드 앱 만들기

  1. 워 천재!!!
    앱스프레소라니!!!
    그런데 이클립스 사용하는군요 앱스프레소는
    저도 작년 H3 세미나 가서 앱스프레소 소개보고 한번 사용해볼까 생각만 하다가 말았는데 ㅋ

    1. 폰갭으로 하려다가 해본적이 없어서 경험있는걸로 했어요. 폰갭이 native code 를 넣을 수 있어서 개발 하는 맛은 있을 것 같은데.. 저같은 허접은..

Leave a Reply to 환상경 Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.