ios도 모르고 하이브리드 앱 개발하기 [ 13 NSUserDefaults 사용하여 데이터 저장하고 읽기 ] 데이터를 저장하기 위해서는 데이터베이스를 사용해야 하지만 간단한 정보나 변수들을 저장할때 사용할 수 있는 클래스가 있다. NSUserDefaults 이라는 녀석이다. Andorid 의 SharedPreferences와 같은 녀석인것 같다. 저장기한은 앱이 삭제되기 전까지 거의 모든 데이터를 저장가능 키:값 으로 저장 및 읽기가 가능 NSUserDefaults를 사용하여 데이터를 저장하고 읽어들이는 함수를 구현해 보자 ViewController.h 파일 파일을 읽고 쓰는데 사용할 함수를 선언한다. 1 2 - (id) loadFromUserDefaults:(id)key; - (BOOL) saveToU..

ios도 모르고 하이브리드 앱 개발하기 [ 12 webview에서 네트워크 체크하기 ] webview 를 사용하면 네트워크 체크를 해주어야 한다. 특히 webview로 웹을 이동하는 중간에 네트워크가 차단될 경우를 대비해야 한다. 간단하게 웹을 이동 중에 네트워크가 차단되면 알림창을 통해 알려주는 것을 구현해 보도록 한다. android와 비교하면 WebViewClient 를 상속받은 클래스를 하나 생성하고 onReceivedError 메소드를 Override 하는 개념이 아닐까 생각해 본다. 일단 UIWebViewDelegate 를 선언해야 한다. 선언 방법은 ios도 모르고 하이브리드 앱 개발하기 [ 11 webview와 javascript간의 상호 호출하기 ] 를 참고하면 될 것 같다. ViewCo..

ios도 모르고 하이브리드 앱 개발하기 [ 11 webview와 javascript간의 상호 호출하기 ] 하이브리드 앱을 만들면 네이티브 부분과 web 부분이 서로 통신할 경우가 생긴다. ios 앱에서 javascript 를 호출하거나 반대로 javascript 에서 ios 를 호출할 경우가 있다. 이를 구현하기 위해서는 우선 Delegate를 사용해야 한다. Delegate 는 어떤 클래스의 함수를 대신 구현하겠다는 의미이다. UIWebView의 Delegate를 선언해서 webview 가 실행되기 전에 url을 캐치해서 webview와 javascript 간의 상호 호출하는 부분을 구현해야 한다. android와 비교하면 WebViewClient 를 상속받은 클래스를 하나 생성하고 shouldOver..

ios도 모르고 하이브리드 앱 개발하기 [ 10 인터넷 체크 / 네트워크 체크 ] 하이브리드 앱의 기본은 디바이스가 인터넷이 되는지 체크하는 것 부터 시작된다고 생각한다. 인터넷이 되지 않는 상태에서는 하이브리드 앱의 브라우저 (web view)에서 오류가 나고 이 오류에 대한 처리가 필요하다. 지금부터 인터넷 또는 네트워크를 체크하는 방법에서부터 web view 가 실행되기 전에 인터넷 또는 브라우저를 체크하고 이를 알림창을 통해 알려주는 방법에 대한 기록이다. 가장 먼저 다음 사이트를 방문한다.정식 API 는 따로 없지만 애플에서 공식적인 클래스를 제공해주니 이를 사용하면 된다. Guides and Sample Code 로 이동 아래처럼 Download Sample Code 클릭 다운로드 폴더에 Re..

ios도 모르고 하이브리드 앱 개발하기 [ 9 UIAlertController 사용하기 / alert 띄우기 / dialog ] 앱을 만들면 경고창 또는 알림창이 필요하다. alert 이나 dialog , android 에서는 toast 라고 한다. IOS 에서는 alert 이라고 하는 것 같다. 찾아보니 UIAlertController 클래스를 제공해 주더라... UIAlertController를 활용하여 제목과 내용을 text 로 받아서 알림창을 띄우는 함수를 구현하고 실행해 보겠다. 먼저 ViewController.h 파일을 열고 함수를 다음과 같이 선언한다. 1 - (void) printAlert:(NSString*)title msg:(NSString*)msg; cs 그리고 ViewControll..

ios도 모르고 하이브리드 앱 개발하기 [ 8 Web View 만들기 / webProject 연결 ] 이번에는 웹페이지를 나타낼 웹뷰를 만들어 보고 이전에 작업한 WebProject 를 연결해 보자. WebProject 는 ios도 모르고 하이브리드 앱 개발하기 [ 4.2 eclipse에서 webproject 생성 / dynamic web project / jsp ] 포스팅에서 진행하였다. 코딩은 아주 기본적인 것만 진행한다. 가장 먼저 아이폰 사이즈를 변경하자. 프로젝트 창 > Main.storyboard 클릭 > View Controller 클릭 화면 우측 상단에 Attributes inspector 아이콘 클릭, size 를 iPhone 4.7-inch 로 변경 그다음에는 Xcode 좌측 상단의 R..

ios도 모르고 하이브리드 앱 개발하기 [ 7 시뮬레이터 살펴보기 / 시뮬레이터 크기 조정 / 홈버튼 / 하드웨어 설정 ] 이번에는 시뮬레이터에를 살펴보도록 한다. 시뮬레이터는 아이폰에서 실제 동작하는 모습들을 그대로 표현해준다. 시뮬레이터를 사용하여 아이폰 디바이스 없이 기기의 회전이나 흔들기 등 비슷하게 테스트를 진행 해 볼 수 있다. 하지만 PUSH(APNS), 카메라 등 하드웨어에 종속적인 기능들은 필이 디바이스로 테스트를 진행하여야 한다. 가장 먼저 시뮬레이터를 실행해 보자. Xcode 상단에 보면 재생 아이콘이 있다. 이 버튼을 누르면 시뮬레이터가 작동한다. 아래처럼 빈 화면의 시뮬레이터가 작동하면 정상이다. 아무 작업도 하지 않았기 때문에 비어있는 앱이 설치되고 실행된 것이다. 이제 화면 상..

ios도 모르고 하이브리드 앱 개발하기 [ 6 Xcode 살펴보기 / Xcode 설명 / 라이브러리 ] Xcode 를 살펴보자. 개발툴의 기본적인 사용방법정도는 알고 있는것이 좋을 것 같다. Xcode의 기본적인 화면 영역에 대한 설명과 라이브러리에 관한 설명이다. 먼저 실행된 Xcode는 위와 같은 모양이다. 기본적으로 툴바, 내비게이터, 편집기, 유틸리티, 디버그 총 5개의 화면으로 구분할 수 있다. 1 툴바 최상단에 위치하고 있다. Run 버튼가 Stop 버튼 등이 있고 메뉴, 편집기 뷰, 활셩화뷰 등 명령버튼들이 배치되어있다. 2 내비게이터 프로젝트를 구성하고 있는 파일, 라이브러리 등을 보여주고 검색결과 및 컴퍼일 결과를 보여준다. 원클리긍로 에디터화면에 출력하고 더블클릭으로 팝업창으로 출력한다..

ios도 모르고 하이브리드 앱 개발하기 [ 5 Xcode에서 project 생성하기 / Xcode프로젝트 생성 ] Xcode를 사용해서 프로젝트를 생성하는 과정에 대한 기록이다. 언어는 Objective-C (오브젝티브 C)를 사용한다. Xcode를 실행한 첫 화면이다. Create a new Xcode project 를 클릭한다. 1 Get started with a playground : 스위프트(Swift)로 간단히 프로그래밍 할 플레이그라운드(playground)를 만듬 2 Create a new Xcode project : 매킨토시용 앱, 아이폰, 아이패드 앱을 만들기 위한 프로젝트 위저드가 실행됨 3 Check out an existing project : SVN 등의 형상관리도구에 연결하여 ..

ios도 모르고 하이브리드 앱 개발하기 [ 4.2 eclipse에서 webproject 생성 / dynamic web project / jsp ] 목차 ios도 모르고 하이브리드 앱 개발하기 [ 4.1 eclipse에서 tomcat 생성 / 서버생성 ] ios도 모르고 하이브리드 앱 개발하기 [ 4.2 eclipse에서 webproject 생성 / dynamic web project / jsp ] Dynamic Web Project 를 만들고 코딩없이 웹페이지 하나를 띄워보자. 하이브리드 앱을 개발하려면 웹페이지가 필요하니까... 특별한 기능은 없고 텍스트 하나 찍어보자. jsp 기반으로 진행됨 별다른 설정 없이 기본값으로 진행함 eclipse 실행 ! Project Explorer 에서 마우스 오른쪽 ..