아이프렌즈펫 가입하고 간식/사료받자!

이미지
✔ 참여 방법 아이프렌즈펫 앱 다운 > 초간단 회원가입 기존 회원은 쇼핑 서비스 구경만 해도 참여완료💕 ✔ 참여 기간 3월 30일(금)~ 4월 15일(일) ✔ 당첨 인원 및 경품 135명에게 추첨으로 경품 증정 🎁 하루애 져키 (수제간식) 3개 세트 40명 증정 하루애 펫트릿 (수제간식) 3개 세트 50명 증정 하루애 수제사료 3kg 5명 증정 하루애 수제사료 2kg 10명 증정 하루애 수제사료 1kg 30명 증정 *제세공과금 당사 부담 / 당첨 후 고객 확인을 위해 개별 연락 *재고 소진시 다른 상품으로 교체되어 배송될 수 있습니다. ✔ 당첨자 발표 - 4월 20일 (금) 🍯 당첨 확률을 높이는 꿀팁 🍯 1. 쇼핑 서비스에 가입 후, 배송지를 등록해 주세요 (당첨되면 어차피 경품 받을 주소 입력해야 할 거 미리미리~) 2. 이 이벤트를 널리널리 퍼뜨려 주세요~ (좋아요 꾹💕 페이지 좋아요💕 공유~ 공유하셨으면 댓글로 공유하신 주소와, 아이프렌즈펫 아이디를 남겨주세요)

ionic 하이브리드 앱 개발 - #6 ionic native

Ionic Native는 Cordova 플러그인  TypeScript 개발도구로써 Ionic 모바일 어플리케이션에 필요한 기본 기능을 손쉽게 추가 할 수 있습니다.   Promises 와 Observables Ionic Native는 Promise 또는 Observable에서 플러그인 콜백을 통하여 모든 플러그인에 공통 인터페이스를 제공하고 네이티브 이벤트가 Angular로 변경 감지하도록 보장합니다. import { Geolocation } from ' @ionic-native/geolocation ' ; import { Platform } from ' ionic-angular ' ; class MyComponentOrService { constructor ( private platform : Platform , private geolocation : Geolocation ) { platform . ready ( ) . then ( ( ) = > { // get current position geolocation . getCurrentPosition ( ) . then ( pos = > { console . log ( ' lat: ' + pos . coords . latitude + ' , lon: ' + pos . coords . longitude ) ; } ) ; const watch = geolocation . watchPosition ( ) . subscribe ( pos = > { console . log ( ' lat: ' + pos . coords . latitude + ' , lon: ' + pos . coords . longitude ) ; } ) ; /...

[AWS] 시작탬플릿을 사용하여 인스턴스 생성하기

이미지
AWS 인프라 운영 중 기존에 생성한 Instance와 유사한 인스턴스를 추가로 생성하려고 하는 경우기존에는 AMI (이미지) 백업을 통한 Instance 생성작업을 사용했습니다. 하지만 지난 11월 부터   AWS 에서 추가로 Template 기반의 인스턴스 생성 기능을 지원하고 있습니다. Template 기능을 활용하면 AMI Image VPC Subnet Storage Security Group UserData 등의 정보를 Template 으로 관리하여 인스턴스를 생성 할 수 있게 됩니다. 이렇게 Template 기능을 활용하면 인프라 구성에서 설정적용에 소요되는 시간을 절약할 수 있습니다. Template 기는 사용을 위해 EC2 대시보니 – 인스턴스 – Launch Template s   메뉴로 이동합니다. Create Launch template 버튼을 클릭합니다. Template  이름과 버전을 선택 할 수 있습니다. Source Template 을 사용하면 기존의 Template 구성을 수정하여 사용할 수 있습니다. AMI ID , Instance Type , Key Pair 를 선택 할 수 있으며 입력하지 않으면 Template 에 포함하지 않습니다. 네트워크 인터페이스 추가 및 Storage 추가 Security Group 을 설정할 수 있습니다 Advanced details 항목에서 IAM Role , 종료방법, User Data 등 상세설정이 가능하며 마찬가지로 입력하지 않으면 미반영 상태로 저장 됩니다.   Create Launch Template 버튼을 선택하면 아래와 같이 탬플릿 생성완료 메시지가 표출됩니다. Close 를 선택하여 종료합니다. 탬플릿이 생성되었습니다. 테스트를 위해 Template 선택 후 작업  - Launch instance from...

[반려동물 이야기] 고양이 성격 유형 5가지

이미지
1. 개냥이 이들은 집사의 무릎이나 배에서 식빵을 굽는 것을 좋아한다.  또 출근길을 배웅해주는 '출근 냥이',  현관까지 마중 나와주는 '마중 냥이'가 이 과에 속한다.    이들에게 가장 이상적인 집은 자신이 앉을 무릎이 많은 집이다.  기분 좋은 에너지가 넘치고  자신을 사랑해주는 가족들이 많다면 더욱 훌륭하다.  개냥이 는 언제나 자신의 턱을 긁어줄 사람을 찾아다닌다.  2. 사냥꾼 고양이 대부분의 고양이가 사냥하는 것을 좋아하지만,  사냥꾼 고양이는 좀 더 유별난 편이다.  다른 고양이가 두 발로 장난감을 잡는 것에 그친다면  사냥꾼 고양이 는 미친 듯이 장난감을 쫓아다니며 집착한다. 장난감을 이빨로 마구 물어뜯으며 놓지 않기도 한다.  이들에게 가장 좋은 환경은 샤낭거리가 많은 농촌이다.   파리나 새가 많으면 더욱 좋다.  3. 고양이의 고양이 사람보다는 고양이와  잘 지내는 유형이다.   아주 어린 시절부터  다른 고양이와 함께 자란  경우가 많다.  이들은 다른 고양이를  그루밍해주거나  자신의  얼굴을 다른 고양이 얼굴에 문지르는 것을  좋아한다. 종종 다른 고양이를 껴 안은  채 잠을 자기도 한다.  4. 까다로운 고양이 까다로운 고양이는 겁이 많고  주위 환경에 민감하다.   사람에 대한 경계가 심해  친해지는 데  시간이 오래 걸리기도 한다.   까다로운 고양이는 자신만의   공간을 좋아하고  독립적으로 생활한다.  사람과는 데면데면하게  지내는 게 보통이다.  5. 호기심 많은 고양이 호기심 많은 고양이는 특별한 DNA와  어린 ...

[반려동물 이야기] 귀여운 고슴도치

이미지
아이프렌즈펫에도 고담이라는 귀여운 고슴도치 사진이 가끔 올라와요 ㅎㅎ 구경하려면 아래 배너를 클릭하세요~

[실전 구글 통계] 1. 구글 통계(구글 애널리틱스) 기본 세팅하기

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

angular4에서 외부 js파일 import 하기

안녕하세요. 남산돈가스입니다. 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 ( {     selecto...