그냥 개발자 블로그

그동안 우리는 '안드로이드 어플 만들기' 라고 하면 JAVA를 통해 만들고 구글 플레이스토어를 통해 배포 했습니다. 그러나 우리는 다음 조건을 만족한다면 손쉽게 어플을 만들어 웹페이지로 어플을 배포할 수 있습니다. - https 를 사용할 수 있다.- 모바일 홈페이지가 있다. 네이티브앱 보다는 웹앱을 이용한 하이브리드앱을 만들어 개발 및 관리를 용이하게 해왔습니다. 하지만 구글에서 지속적이고 새로운 방법으로 안드로이드 어플 만들기를 개발하고 있습니다. 그 중에 한가지로 안드로이드 스마트폰에 필수 어플인 크롬을 이용한 어플 개발 방법이 있습니다. 4년전만 해도 이것은 실험적인 프로젝트 였지만 지금은 매우 성공적으로 구현되었습니다. 워크식스는 4년 동안 안드로이드 어플 만들기 제작 단가를 낮추면서 어플이 필..

앱(어플)을 웹뷰가 포함된 하이브리드 형태로 많이 제작하게 됩니다. 네이티브 앱 보다 비교적 저렴하며 관리가 쉽다는 장점이 있습니다.시장에는 솔루션을 함께 제작하면 60 ~ 160 만원 사이에 앱을 제작해주는 곳도 많습니다. 그러나 막상 앱 제작을 하려면 여러가지 추가 비용이 발생합니다. 이런 추가 비용들이 발생하는데는 이유가 있습니다. 실제 하이브리드 앱을 개발할때 보면 자바스크립트가 동작하지 않는 문제, alert 및 confirm 동작 하지 않는 문제, 특정 메소드가 인식되지 않는 문제, 결제 후 다시 앱으로 돌아오지 못해서 결제가 안되는 문제 등 여러가지 문제와 직면하게 됩니다. 문제들을 해결하기 위해 솔루션, 쇼핑몰 또는 홈페이지를 수정해야만 합니다. 여기서 앱 제작과는 별도의 추가 비용이 발생..

운영중인 쇼핑몰에 앱 프레임을 더하면 비교적 쉽게 앱(하이브리드 앱)을 만들 수 있습니다. 하지만 여기서 쉽다는 표현은 네이티브 앱 제작보다 비교적 쉽다는 이야기이지 하이브리드 앱을 만드는게 쉽다는 것은 아니기 때문에 오해하면 안되며, 아이폰 앱과 안드로이드 앱을 만드는데 고려해야할 사항 8가지를 알려드립니다. 1. 뒤로가기 버튼이 필요아이폰의 경우 스마트폰 자체에 뒤로가기 버튼이 존재 하지 않습니다. 그래서 쇼핑몰에 모든 페이지에 뒤로가기 버튼이 반드시 필요 합니다. 뒤로가기 버튼이 없다면 앱 이용자들은 매우 불편함을 느낄 것 입니다. 2. 결제완료 후 복귀 할 수 있어야쇼핑몰 특히나 모바일에서 결제를 해보면 결제 앱이 실행된 후 결제가 정상적으로 완료되면 쇼핑몰의 주문완료 페이지로 돌아 옵니다. 이는..

정식 배포용이 아닌 개발중에 테스트를 위해서 apk를 추출해야 할때가 있습니다. 여기서는 테스트용 apk 추출 방법을 소개 합니다. 1. Build APK를 클릭 합니다. 2. 빌드가 완료되면 우측 하단에 알림이 뜹니다. Reveal in Finder 를 클릭 합니다. 3. app-debug.apk 파일을 복사하여 스마트폰에 넣고 실행하면 설치가 됩니다. [기타] 어플 실행 안되고 firebase-messaging 에러 발생하는 경우 해결법 안드로이드 테스트용 apk 설치가 안될때 해결법 (multidex) [목차] 1. 프로젝트 생성 하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 1 2. 푸시 사용 준비하기 (FCM) - 안드로이드 모바일웹으로 하이브리드앱 만들기 2 3. 푸시 기능 만들기 (FC..

어플을 설치 했을때 화면에 보이는 메인 아이콘을 설정하는 방법을 소개 합니다. 1. mipmap에서 Image Asset를 선택해 줍니다. 2. Icon Type을 Launcher Icons로 하고 Asset Type을 Image로 하여 설정 합니다. 이미지는 정사각형의 png 파일이 적합합니다. 3. Finish를 눌러 생성을 마치면 자동으로 생성 됩니다. [목차] 1. 프로젝트 생성 하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 1 2. 푸시 사용 준비하기 (FCM) - 안드로이드 모바일웹으로 하이브리드앱 만들기 2 3. 푸시 기능 만들기 (FCM) - 안드로이드 모바일웹으로 하이브리드앱 만들기 3 4. 푸시 테스트 하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 4 5. 웹뷰추가하기 - 안..

앱을 시작할때 스플레시 화면이 약 4초정도 보여지게 하고 싶을때 다음과 같이 합니다 1. SplashActivity 자바 클래스를 만들어 다음과 같이 내용을 작성해 줍니다. 2. 600 x 1024 파일로 이미지를 만들어서 drawable 바로 아래 추가 합니다. 3. styles.xml 에 다음과 같이 새로운 스타일을 추가해 줍니다. 4. AndroidManifest.xml 파일에 SplashActivity 라는 이름의 액티비티를 추가 해줍니다. 그리고 MainActivity 에 intent-filter 내용을 SplashActivity 액티비티로 이동 시킵니다. [목차] 1. 프로젝트 생성 하기 - 안드로이드 모바일웹으로 하이브리드앱 만들기 1 2. 푸시 사용 준비하기 (FCM) - 안드로이드 모바일..

웹뷰에서는 뒤로 가기를 눌렀을때 이전 페이지로 가지 않고, 앱이 닫혀 버리는 현상이 발생 합니다. 이를 위해서 별도의 처리를 해줘야 합니다. 1. MainActiviey 자바 클래스에서 다음을 추가 해줍니다. public class MainActivity extends AppCompatActivity { WebView mWebView; TextView errorVeiw; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //푸시프로세스(FCM) FirebaseMessaging.getInstance().subs..

웹뷰까지 생성하고 테스트를 하다보면 이상한 점을 발견할 수 있습니다. 바로 자바스크립트 alert과 confirm이 동작하지 않는것 입니다. 여기서는 일부 자바스크립트 동작을 원할하게 할수 있도록 하는 개발을 소개 합니다. 1. MainActivity 자바 클래스를 아래와 같이 수정해줍니다. public class MainActivity extends AppCompatActivity { WebView mWebView; TextView errorVeiw; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Fir..