남산 아래 개발자들

앱이나 웹 서비스를 런칭하고 그 서비스의 효과성, 사용성 등에 대해 간편하게 측정할 수 있는 많은 통계 도구들이 있습니다. 구글 애널리틱스는 그 중에서도 무료이면서도 막강한 기능을 제공하기 때문에 유명합니다. (물론 구글에서는 각 웹이며 앱의 모든 자료를 수집할 수 있게끔 자사 툴을 공짜로 내어줌으로써 그 툴을 이용하는 모든 회사, 개인의 데이터를 들여다볼 수 있다는.. 어마어마한 이점을 누리고 있지만요. 어떻게 생각하면 소름끼치는 전략입니다 -_-;) 물론 웹 쪽에서는 정말 강력하지만 앱 쪽에서는.. 현재 아이프렌즈펫의 각 페이지, 버튼 등을 측정하게끔 심어놨는데요 웹에서만큼 편리한지는 아직 모르겠더라구요. 구글 통계를 잘 활용하여 어떤 분야에, 어떤 방안으로 활용할 수 있는지도 나중에 따로 포스팅하도록 하겠습니다. 오늘은 간단하게 구글 통계 기본적인 세팅 방법을 알아보겠습니다. 1. 먼저 구글 계정을 만듭니다. (계정이 있으신 분들은 패스하셔도 됩니다) 구글 회원가입하기 2. 방금 만든 계정으로 구글 통계에 로그인을 합니다. https://www.google.com/intl/ko_KR/analytics/ 이상하게도 구글에 로그인을 한 상태인데도 또다시 로그인을 하라고 합니다..;; 다시 한번 로그인을 눌러줍니다 ^^ 3. 로그인한 화면에서 좌측 메뉴 중 '관리'를 클릭합니다 4. 계정 > 아래 셀렉트 박스를 선택해 '새 계정 만들기'를 클릭합니다. 5. 새 계정 추가 화면에서 웹사이트냐, 모바일 앱이냐에 따라 선택해서 맞는 정보를 입력하시면 됩니다. 저는 이번에는 웹사이트를 선택해서 진행하겠습니다. 마지막으로 [추적 ID 가져오기] 버튼을 클릭합니다. 6. 약관 화면이 뜨면 동의를 누르고 다음으로 넘어갑니다. 7. 다음과 같이 추적 코드가 완성되었습니다! (위의 코드는 계정 가입 절차를 보여주기 위해 생성한 코드라서 실제로 사용하

안녕하세요. 남산돈가스입니다. angular 기반의 웹을 구축하면서, 외부의 js 소스를 import하여 사용해야하는 경우가 생기는데요. 기존의 웹 개발 방식은 각각의 페이지 별로 <script src= "외부 js 주소">를 이용하여 손쉽게 외부 js파일을 import 해올 수 있었는데요. angular와 같이 spa(Single Page Application) 기반의 단일 페이지 어플리케이션에서는 각 컴포넌트에 대한 html 소스와 로직이 모두 분리되어 있기 때문에 외부 js 파일을 위와 같은 <script>태그로 인식하지 못한다는 문제점이 있었습니다. angular 프로젝트를 진행 중, 카카오, 페이스북과 같은 오픈 API를 이용하기 위해서는 각각 제공하는 외부 js파일을 import하여 사용해야하는 경우가 이에 해당했습니다. 이를 해결하기 위해 다음과 같은 방법을 이용했습니다. import   {      Component ,     Input,     ElementRef,     OnInit,     ChangeDetectionStrategy,     Output,     EventEmitter }  from  '@angular/core' ;   (2) declare var daum :  any ; (1) const  url  =   "https://ssl.daumcdn.net/dmaps/map_js_init/postcode.v2.js?autoload=false" ;     @ Component ( {     selector :   'daumAddress' ,     templateUrl :   'daumAddress.html' ,     changeDetection :  ChangeDetectionStrategy. Default } ) export  class  DaumAddressPage  implements  OnInit 

ios9 부터 기존 UIWebView 보다 향상된 성능을 제공하는 WKWebView를 지원합니다. UIWebView로는 하이브리드 앱과 연동하는데 있어서, 많은 제약사항이 있어, WKWebView를 진행 중인 프로젝트에 적용해 보았습니다. 아래는 WKWebView에 장점과 문제점입니다. 참고해주세요. *참고 링크 http://docs.kioskproapp.com/article/840-wkwebview-supported-features-known-issues * 장점 - 앱의 기본 프로세스 외부에서 실행됩니다. - 더 빠른 자바 스크립트 엔진 인 Nitro 사용합니다. - JavaScript를 비동기 적으로 처리합니다. - 특정 터치 지연을 제거합니다. - 서버 측 인증 과제 지원합니다. - 오류가있는 자체 서명 보안 인증서 및 인증서 인증 지원합니다. * 문제점 - iOS 9 이상 필요 합니다. - 로컬로 저장된 파일에 대한 AJAX 요청을 지원하지 않습니다. - '쿠키 허용'설정을 지원하지 않습니다. - '고급 캐시 설정'을 지원하지 않습니다. - 앱 종료시 HTML5 로컬 스토리지가 지워짐 - WebKit 요청 로깅을 지원하지 않습니다. - 예상대로 스크린 샷을 캡처하지 못할 수 있습니다. ============================================================================= 1. WKWebView는  #import <WebKit/WebKit.h> 를 따로 임포트 해줘야합니다. 2. WKWebView 생성과 호출이 UIWebView와 유사하지만, 델리게이트 부분에서 많은 차이가 있습니다. self.webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height];

안녕하세요. 남산돈가스 입니다. 오늘은 엄청 자주 쓰이면서 쓸 때마다 헷갈리는 javascript 배열 메서드에 대해서 몇가지 알아보도록 하겠습니다. 1. push & pop    배열을 사용하는데 가장 기본적인 개념으로 데이터를 + 하고 - 하는 메서드입니다. 바로 다음에 다루겠지만, push - pop, unshift - shift 를 짝지어 설명하는 이유는, 두 쌍 모두 데이터를 +, - 하는 메서드지만 해당 데이터를 배열의 어느 곳에다 + 하냐, 어디에서 - 하냐 다르기 때문입니다. 이 push & pop 은 데이터를 배열의 가장 끝 부분에서 핸들링하는 메서드입니다. var  arr1  =   [   1 , 2 , 3 , 4 , 5   ] ;   arr1. push ( 6 ) ; arr1. push ( 7 ) ; console. log ( arr1 ) ;                  // [1,2,3,4,5,6,7] arr1. pop ( ) ;                              console. log ( arr1 ) ;                  // [1,2,3,4,5,6] 2. unshift & shift  앞에서 언급했지만, unshift - shift 는 배열의 가장 앞에서 데이터를 핸들링하는 메서드입니다. 사용법은 push & pop 과 동일합니다. var  arr2  =   [   'a' ,   'b'   ]   arr2. unshift ( 'c' ) ; arr2. unshift ( 'd' ) ; console. log ( arr2 ) ;                    // [ 'd', 'c', 'a', 'b' ]  arr2. shift ( ) ; console. log ( arr2 ) ;                    // [ 'c