고무망치의 Dev N Life 고무망치의 Dev N Life

소스 다운로드 > https://github.com/cpromise/HybridAppIOS 웹뷰띄워 하이브리드앱 만들어보기 웹앱, 하이브리드앱.. 각 단어가 정확히 어떤 정의를 갖는지 모르겠지만!! 웹뷰로 iOS앱을 만드는 법에 대해서 알아봅시다. 샘플코드및 동영상은 맨 아래에 웹뷰를 통해 HTTP URL요청하기 NSURLRequest객체를 만든 뒤 UIWebView의 loadRequest메소드를 통해 호출할 수 있다. NSURL요청을할 때, HTTP요청인 경우에는 헤더에 원하듣 필드와 값을 지정하여 전달할 수 있다. UIWebView *webview = [[UIWebView alloc] init] ; NSMutableURLRequest *request = [NSMutableURLRequest reque..

자바스크립트의 객체는 크게1. 내장 객체, 2. 브라우저 객체 모델(BOM:Browser Object Model), 3. 문서 객체 모델(DOM:Document Object Model) 로 나눌 수 있다. ***내장 객체내장 객체는 자바스크립트 엔진에 내장되어 있어, 필요한 경우 생성해 사용할 수 있습니다.내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(Math)객체 등이 있습니다.오늘 날씨가 며칠인지 알고 싶다면, Date 객체를 생성하여 getDate()를 사용하면 됩니다. ***브라우저 객체 모델(BOM)브라우저에 계층적으로 내장되어 있는 객체들을 브라우저 객체 모델(BOM:Browser Object Model)이라고 합니다.브라우저 객체로는 window, screen..

AngularJS의 조건문에 대해서 살펴봅시다. 1. ng-switch 2. ng-hide, ng-show 3. ng-class 4. ng-if 넷 다 자주 사용되는 문법이니.. 하나만 사용하시기 보단 상황에 맞춰서 쓰시면 되겠습니다. 1-1. ng-switch on에 switch의 대상이 되는 변수를 적어주시고. case대신 when이라고 적어주면 일반 switch-case문과 흡사하네요! ng-switch 예제 입력한 값 : {{shAngVar}} apple을 입력하셨군요. 아무것도 입력하지 않으셨군요 ng-switch 예제 소스 2. ng-hide / ng-show 특정 조건에 있어서 show/hide를 할 수 있는 directive입니다. 저는 ng-repeat과 같이 자주 쓰는 편입니다. ng-..

본격 Ionic에 jQuery라이브러리 추가하기. 워낙에 간단하지만 Ionic을 처음 켜보고 구조를 잘 모르실 분들을 위해 포스팅합니다. STEP 1. jQuery 다운받기. https://jquery.com/ 에 접속하셔서 다운로드 받아주세요. 버전이나 파일은 아무거나 받으셔도 왠만한거 다됩니다. 다운은 어디로? 내 프로젝트 lib폴더로!! 저같은 경우는 파일의 경로가 /realtimeChat/www/lib/ionic/jsj 가 되겠네요. STEP 2. index.html에서 jQuery 참조시키기 index.html 파일을 보시면 여러가지 셋팅이 되있습니다. 그중 아무곳에서 를 쳐주시면 되겠습니다. (복붙하시면됩니다_) 그 뒤 컨트롤러에서 jQuery선택자를 통해서 편하시게 작업하시면 됩니다!!!

IONIC에서는 LIST나 다른 여러 컴포넌트를 사용하면 자동으로 스크롤을 만들어주죠? 근데 이 스크롤 위치(화면위치) 를 제어하기가 쉽지 않습니다. IONIC에서는 transform : translate3d(x,y,z); 을 사용해서 스크롤 효과를 주고있습니다. 이 css를 제어하는 것 대신 매우 손쉽게 스크롤의 위치를 제어할 수 있는 방법을 채팅기능과 관련하여 소개해드릴게요. 사용된 코드는 이렇습니다. chat.html {{chat.user}} {{chat.message}} app.js (controller를 그냥 app.js에 선언해놓았어요.) imageApp2 //ng-repeat 종료 이벤트를 위한 디렉티브선언.. 이전 블로그 참조하세요 .directive('ngRepeatEndWatch', f..