본문 바로가기

Dev Talks/Mobile App Dev5

[Firebase를 활용한 App 개발] #2 Firebase 프로젝트 생성 이번 포스팅 시리즈는 Firebase 를 활용한 안드로이드 앱 개발에 대해 적어보려고 합니다. 최근에 Firebase 공부를 하면서 Firebase 를 활용한 안드로이드 앱개발 프로젝트를 진행하고 있는데요, 혹시 같은 공부를 하시는 분들께 참고가 되었으면 좋겠네요^^ #2 Firebase 프로젝트 생성 우선, Firebase 역할 및 기능에 대해서 간략하게 설명드리도록 하겠습니다. 1. Firebase 역할 및 기능 Firebase는 앱 개발 시 서버 사이드를 지원하기 위해서 구글에서 제공해주는 서비스 입니다. 특히 1인 개발자의 경우 앱 개발 시 항상 서버 사이드 부분까지 개발하기에는 벅찬 경우가 많은데, Firebase는 클라우드 메시징 (FCM) 과 사용자 인증처리, SNS 연동, 실시간데이터베이스.. 2017. 1. 8.
[Firebase를 활용한 App 개발] #1 안드로이드 스튜디오 설치 (mac 기준) 이번 포스팅 시리즈는 Firebase 를 활용한 안드로이드 앱 개발에 대해 적어보려고 합니다. 최근에 Firebase 공부를 하면서 Firebase 를 활용한 안드로이드 앱개발 프로젝트를 진행하고 있는데요, 혹시 같은 공부를 하시는 분들께 참고가 되었으면 합니다. #1 안드로이드 스튜디오 설치 (Mac 기준) 안드로이드 모바일 앱 개발을 하시는 분이라면 당연히 안드로이드 스튜디오가 설치 되어 있으시겠지만, 혹시 아직 설치 못 하신 분들을 위해 설치과정을 말씀드리겠습니다. 1. 자바 설치 및 버전 확인 만약 설치가 안되어 있거나 구 버전인 경우 http://www.oracle.com/technetwork/java/javase/downloads/index.html 에서 설치 또는 업그레이드를 진행하시면 됩니.. 2017. 1. 8.
[Android] 웹서버를 통해 apk 파일 배포하기 보통 안드로이드 app 개발 후 apk 파일을 배포하기 위해서는 구글 플레이 스토어를 사용하지요. 하지만 기업 모바일의 경우 (B2E) 사내 사용자를 위한 app 을 자체 시스템 또는 웹페이지를 통해서 배포하는 경우가 많습니다. 그러면 웹페이지를 통한 apk 파일 배포는 어떻게 하는지 살펴보겠습니다. 우선 웹서버가 있어야겠죠. 웹서버는 apache, nginx 를 해도 되고 윈도우 서버인 경우 IIS 를 사용하면 됩니다. (참고글 : 웹서버의 종류 및 설치 방법) 그러면 웹서버 설치가 끝나셨으면 이제 apk 파일을 배포해 봅시다. 를 이용하여 다운로드하는 방법 이 방법은 간단합니다. 웹서버에 다운로드 페이지 하나 만들어서 App 다운로드 를 달아주시면 됩니다. 이 방법의 단점은 사용자가 위 링크를 터치했.. 2016. 6. 24.
[Hybrid] jQuery Mobile 페이지 전환 방법 jQuery Mobile 은 기본적으로 Single Page Application 으로 되어 있습니다. 따라서 우리가 데스크탑 PC의브라우저서 보는 것과 같은 여러 페이지의 이동이 실질적으로 jQuery Mobile로 만든 App에서 발생하는 것은 아닙니다. 다만 jQuery Mobile에서는 마치 여러 페이지를 이동하는 것처럼 보이도록 해줄 뿐 입니다. 물론, 모바일 App에서도 데스크탑 PC 브라우저에서 처럼 여러 페이지를 옮겨갈 수 있도록 구현할 수는 있습니다. 단, 그것은 분류상 모바일웹 방식으로 만들어진 것으로 우리가 흔히 말하는 App이라고 볼 수는없을 것입니다. jQuery Mobile App 에서 페이지 전환을 구현하는 방법으로 2가지 방법이 있으며, 각각의 장단점은 다음과 같습니다. 2가.. 2015. 3. 12.
jQuery Mobile HTML 기본 구조 jQuery Mobile HTML 기본 구조 jQuery Mobile HTML 의 기본구조는 다음과 같습니다. 1. viewport 설정 화면의 확대/축소를 방지하기 위해 위와 같이 설정합니다. 일반적으로 모바일 웹페이지는 디바이스 화면에 딱 맞게끔 디자인 되기 때문에 사용자에 의해 확대/축소되어 화면이 깨지는 것을 방지할 필요가 있습니다. 2. CSS, JS 파일 import jQuery Mobile에서 사용하는 css, js를 import 합니다. 당연히 기본적으로 jQuery 라이브러리도 import 해야 합니다. 여기서 주의할 부분은 jQuery Mobile 의 init event handling의 등록 위치입니다. jQuery Mobile 의 init event handling (초기화 이벤트 .. 2015. 3. 11.