Android Examples App : 프로젝트 생성

Android Studio를 이용해서 Layout, View, Widget 등 각 요소들을 하나씩 추가해 가며 Examples App을 만들어 보자. 오늘은 첫 번째로 프로젝트 생성과 App 기본틀을 만든다.
앞으로 이 앱을 기본틀로 추가 및 확장해 나갈 것이다.


<진행순서>

  1. Android Studio를 실행해서 "Welcome to Android Studio"창에서 "Start a new Android Studio project"를 클릭한다. (이미 열려 있는 프로젝트가 있다면 "File > New Project"를 클릭한다.)
  2. "Create Android Project"화면에서 "Application Name" 항목에 "Android Examples App"을 입력하고 "Next"버튼을 누른다.
  3. "Target Android Devices"화면에서는 모두 기본값으로 두고 "Next"버튼을 누른다.
  4. "Add an Activity to Mobile"화면에서도 기본 "Empty Activity"를 선택하고 "Next"버튼을 누른다.
  5. "Configure Activity"화면에서도 모두 기본값으로 두고 "Finish"버튼을 누른다.
  6. 위 5번 항목까지 진행을 하면 Android Studio가 몇 가지 작업을 진행한 후 <그림 6>과 같은 화면을 보여준다.
  7. 프로젝트 생성 및 기본틀이 완성되었다. 메뉴 또는 툴바에서 "Run"을 클릭해서 앱을 실행한다.
  8. "Select Deployment Target"화면에서 실제 기기가 연결되어 있으면 "Connected Devices"에 표시되며 기존에 생성한 에뮬레이터가 있다면 "Available Virtual Devices"에 표시된다. 바로 실행 가능한 기기나 에뮬레이터가 없다면 하단 좌측의 "Create New Virtual Device"버튼을 누른다.
  9. "Select Hardware" 화면에서 "Nexus 5X"와 같이 원하는 기기를 선택하고 "Next"버튼을 누른다.
  10. "Select Image"화면에서 원하는 API 레벨의 "Download"링크를 누른다.
  11. "Component Installer"화면에서 선택한 API 다운로드가 완료되면 "Finish"버튼을 누른다.
  12. 다시 "System Image"화면에서 다운로드가 완료된 API를 선택하고 "Next"버튼을 누른다.
  13. "Android Virtual Device (AVD)"화면에서 기본값을 그대로 두고 "Finish"버튼을 누른다.
  14. "Select Deployment Target"화면에서 추가된 에뮬레이터를 선택하고 "OK"버튼을 누르면 적지 않은 시간동안 에뮬레이터 실행을 위한 몇 가지 작업을 진행하고 <그림 15>와 같은 앱 실행화면을 볼 수 있다.
  15. <그림 15>는 에뮬레이터화면과 함께 Android Studio의 툴바가 같이 보이도록 캡쳐를 했는데 <그림 7>의 툴바모습과 조금 차이가 난다.




<그림 1>



<그림 2>



<그림 3>



<그림 4>



<그림 5>


<그림 6>



<그림 7>



<그림 8>



<그림 9>



<그림 10>



<그림 11>



<그림 12>



<그림 13>



<그림 14>



<그림 15>





댓글

댓글 쓰기

이 블로그의 인기 게시물

iOS WebView Bottom Navigation 구현

이미지
iOS UIWebView를 이용해서 웹앱을 만들고 Safari처럼 하단에 네비게이션 기능을 구현해 보자. Navigation Controller의 Bottom Bar를 이용해서 뒤로가기, 앞으로가기, 새로고침, 홈으로 가기  4개의 기능을 만든다. 특히 아이폰은 안드로이폰에서 제공하는 뒤로가기 버튼이 없기 때문에 웹앱의 경우 사용자들이 불편함을 많이 호소하는데 뒤로가기 뿐만 아니라 일반적으로 브라우저에서 제공하는 앞으로가기, 새로고침, 홈으로 가기 기능을 추가한다면 사용자들이 더 편리하게 앱을 사용할 수 있을것 같다. 우선 Xcode > File > New > Project... 로 <사진 1>과 같이 Single View App으로 프로젝트를 하나 생성한다. <사진 1> <사진 2> <사진 2>는 스토리보드 화면이다. 우측 유틸리티 영역의 하단 필터바에서 webview로 검색을 하면 화면과 같이 2개의 웹뷰가 나타난다. 하나는 Web View이고 다른 하나는 Webkit View이다. 보이는 바와 같이 Web View는 deprecated 라고 표시된다. 예전부터 사용되어 오던 UIWebView인데 더 이상 사용되지 않는다. 좀 더 개선된 Webkit View를 Drag&Drop으로 View영역에 넣고 레이아웃을 적당히 설정한다. 우측 상단의 Assistant Editor를 열어서  ViewController.swift파일을 열고 CTRL키를 누른채 Web View를 마우스로 끌어다가 놓으면 <사진 3>과 같이 다이얼로그창이 열린다. Name을 webView로 입력하고 Connect버튼을 누르면 변수가 자동으로 생성된다. <사진 3> <사진 4>와 같이 ViewController에 WebKit을 import하고 viewDidLoad함수에 웹뷰 초기설정을 해준다. 이제 디바이스나
자세한 내용 보기

iOS WebView Bottom Navigation Icon 적용

이미지
지난 포스트 에서 iOS Navigation Controller를 이용해서 WebView에  Bottom Navigation을 구현해보았다. 하지만 버튼이 사파리의 그것과 달리 텍스트로 보여지는데 텍스트 대신 아이콘으로 변경해보자. 우선 아이콘을 준비해야 하는데 Icons8 사이트에서 4 가지 버튼(Back, Forward, Reload, Home)에 맞는 아이콘을 다운받도록 하자. icons8.com에서 다운받는 방법은  https://icsdd.blogspot.com/2018/05/blog-post_24.html  참조. 필자가 다운받은 아이콘은 다음과 같다. 이제 Xcode를 실행하고 지난 포스트에서 만든 프로젝트를 열고 좌측 Project navigator의 Assets.xcassets를 선택한다. <사진 1>과 같은 모습이다. <사진 1> <사진 2> <사진 3> <사진 4> <사진 2>와 같이 다운로드한 아이콘들을 탐색기에서 끌어다가 Xcode의 Outline View로 놓으면 <사진 3>과 같은 모습이다. 우측 Set Viewer를 보면 추가한 아이콘들이 1x로 표시되는데 <사진 4>와 같이 아이콘을 Drag&Drop으로 2x 또는 3x로 이동할 수 있다. <사진 5> <사진 6> 이제 스토리보드를 열어서 각각의 버튼에 아이콘을 설정해보자. <사진 5>와 Back버튼을 선택하면 우측 Attribute inspector > Bar Item > Image 항목의 드롭다운 목록을 열어보면 이전에 추가한 아이콘들이 보인다. Back버튼으로 사용할 아이콘을 선택하고 나머지 Forward, Reload, Home버튼도 동일한 방법으로 아이콘을 설정해준다. 정상적으로 아이콘설정을 마쳤다면 <사진 6>과
자세한 내용 보기

cURL error 60: SSL certificate: unable to get local issuer certificate

이미지
Google GCM Push notification을 발송하기 위해 PHP curl을 이용해 직접 https://android.googleapis.com/gcm/send 로 발송할때는 이상없이 잘 동작했지만, Google FCM으로 변경하면서 좀 더 쉽고 빨리 작업을 마치려고 Yii Framework의 Understeam/yii2-fcm extension을 설치해서 Push notification을 발송했더니 다음과 같은 error가 발생했다. cURL error 60: SSL certificate: unable to get local issuer certificate  error log를 보니 guzzlehttp라는 패키지에서 https 통신을 할때 SSL 인증서문제가 발생하는 듯 하다. 해결책은 다음과 같다. <사진 1> https://curl.haxx.se/docs/caextract.html 에서 "cacert.pem"파일을 다운로드해서 적당한 경로에 저장하고 php.ini 파일에 ";curl.cainfo = "라인을 찾아서 주석을 해제하고 curl.cainfo 라인이 없으면 적당한 위치에  추가한 후 cacert.pem파일의 경로를 입력하고 Apache 를 재시작하면 해결된다.
자세한 내용 보기