본문 바로가기

Sencha + PhoneGap 2.0 시 수정해야할 사항 PhoneGap 2.0.0 이 2012년 7월 20일부로 www.phonegap.com 에서 정식 배포되었다. 폰갭 1.x → 2.0 으로 업그레이드 되면서 Native 및 Javascript 소스 및 사용법이 조금 변경되었으며, 이에 따라 현재 구현되어 있는 프로젝트도 수정이 불가피하게 되었다. 현재 프로젝트에서 Server 를 제외한 Client 에서 사용되고 있는 프레임워크로는 폰갭 1.8.1 과 Sencha 이다. Sencha 는 웹에서 개발을 하더라도 출력물은 앱처럼 보이게 하는 Javascript 프레임워크이며, Phonegap 은 Device 기능을 사용하지 못하는 Web 의 한계를 허물고 App의 기능을 Web 에서 사용할 수 있게 하는 프레임워크이다. 간단한 설명은 마치고 PhoneGap.. 더보기
웹 사이트 최적화 기법을 읽고... 웹 사이트 최적화 기법 UI 개발자를 위한 필수 지침서 스티브 사우더스가 지은 책으로 웹 사이트 서버단에서 수정하는 것이 아닌 UI 에 관계된 HTML, Javascript, CSS 에 관계된 Tip을 설명한다. 총 14가지의 Tip을 설명하는데, 필요한 부분만 간략하게 정리한다. 1. HTTP 요청을 줄여라. 1) HTTP 요청을 줄이는 방법은 Javascript, CSS 파일을 여러 모듈로 쪼개지 않고, 가능한 한 파일에 저장할 것 2) 이미지의 경우 이미지 태그를 사용하여, 주소 참조 방식으로 하면 많은 이미지들이 필요하다. 이러한 많은 이미지들은 HTTP 요청이 많이 일어나며, 요청이 많이 일어난다는 것은 네트웍 요청이 많아져서 로딩 속도와 직접적인 연관을 가진다. 이러한 이미지를 처리하는 방법에.. 더보기
cordova-1.9.0.js 파악하기 (2) - iOS 이번엔 define 및 require 가 사용된 exec 함수에 대해서 알아보자. define, require 를 간단하게 설명하자면, define 은 private 속성인 modules 객체에 id 와 function 을 등록하는 과정이며, require 는 define 된 function 으로 객체를 생성하여 리턴해준다. define 은 Class 를 작성하는 것이라면, require 는 객체(인스턴스)를 생성하는 것으로 볼 수 있다. 이 exec 를 define 하는 것만으로 99줄이므로 간단하게 살펴보도록 하겠다. ▶ Cordova for iOS - define // file: lib/ios/exec.js define("cordova/exec", function(require, exports, m.. 더보기
cordova-1.9.0.js 파악하기 (1) - iOS Phonegap은 Web App 의 한계를 개선하여, 각 장비의 기능을 사용할 수 있는 App 의 장점을 활용 할 수 있는 하이브리드 앱 개발 프레임워크이다. Phonegap 에 대한 설명 및 동작원리는 검색 사이트에서 찾아보는 걸로... Phonegap은 Android, iOS, BlackBerry, Window Mobile 에 대해서 지원하고 있으며, WebView와 App 간의 정보 공유를 할 수 있다. Phonegap은 Javascript와 각 OS별 Source 로 구성되어 있으며, 먼저 Javascript 파일인 cordova-1.9.0.js 에 대해서 공부하도록 하겠다. ▶ Cordova for iOS - 기본 내용 Cordova js 의 경우 Javascript 의 클래스, 클로져, 모듈 .. 더보기
삼성 멀티캠퍼스 iOS 강의 1일차 정리... Mac Key 설정 Command Key = Window Ctrl Command + Space : 짧게(영어에서 한글, 한글에서 영어), 길게(설정된 국가별 종류 설정) 사과 Key = Window 시작과 같은 역할 만약 윈도우에서 프로그램 응답 대기와 같은 현상이 발생한다면 사과 - 강제종료 를 눌러 해결하자. 잡스의 행보 애플 창업 -> 퇴출 -> 넥스트사 설림 -> 복귀 -> Mac OS Rebuild(+ Object C) 초창기 아이팟은 현재 North Face 인기와 맞먹는 인기였다. 대박쳤지... XCode 좌측 내용 .h : class 정의 부분 Framework : 개발에 필요한 Header 모음 ( Foundation/Foundation.h 는 모든 Header 를 import 한 파일이.. 더보기