그냥 개발자 블로그

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

아이폰 하이브리드앱 제작 시 기초 설정을 해놓고 개발을 시작하면 편리합니다. 사실 아래 내용만 잘 따라해도 웬만한 하이브리드앱의 80%를 제작 가능합니다. 개발환경 언어 : SwiftIDE : Xcode9 프로젝트 만들기 iOS > Single View App 선택 프로젝트 이름 세팅, Swift 선택 Main.storyboard 에 웹뷰 추가 ① Main.storyboard② ViewController Scene③ Show the Object Library 버튼 클릭④ we 로 검색해서 WebKit View 화면에 드래그 드랍 > 사이즈 조절 https 뿐만 아니라 http 도 허용되도록 앱 보안 설정 ① info.plist② Bundle version 옆에 + 버튼 클릭③ App Transport S..

정식 배포용이 아닌 개발중에 테스트를 위해서 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..