HAMA 블로그

http://Simple Ionic 2 Login with Angular 2

이번에는 앱 개발 이야기를 좀 할께요~ 개인적으로 최근에야 앱개발을 경험 해 볼 수 있었고, 안드로이드(자바) 와 아이폰 (Swift 3.0) 으로 각각 개발을 하였습니다.(오픈SDK 를 그대로 사용하지 못하는 단점이 워낙 커서 결국 그냥 네이티브로 결정했습니다). 개발하고 나서 부족한 점을 채우기 위해 또 개발을 추가 할 생각을 하니...가슴 한편이 답답해짐을 느꼈습니다. 내 경우는 매우 특이한 상황인데 기획,웹프론트,백엔드,IoT서비스플랫폼, 전력데이터분석개발에 추가로 네이티브 앱개발 2종도 모두 "혼자" 개발 했기 때문에 디테일이 떨어지며 이것을 고도화 및 유지보수를 위해 다시 건드리기가 좀 겁이 납니다. (빨리 해당분야의 전문인력들이 생겼으면 ㅜㅜ ) 특히 UI 를 좀 더 화려하고 동적으로 꾸미고..

https://evothings.com/ https://evothings.com/develop-your-iot-app-using-ionic-framework-and-evothings-studio/

1. Ionic App 안의 AngularJS 에서 토큰기반 인증 개발하기 여기서 알아볼것은 아래와 같다. 사용자 로그인 및 유져세션 저장 ( 토큰 기반 인증 !)인증 상태 와 사용자롤 기반의 라우트 보호 인가안된 요청 알림 및 새로운 로그인 요청여기의 예제구현은 Ionic App 이지만 많은 부분의 로직은 AngularJS 거나 마찬가지다. 따라서 사용자인증시스템을 AngularJS 에 넣던 하이브리앱에 적용하던 상관없이 이 기사가 유용할것이다. 함 즐겨볼까~?(굉장히 많은 코드가 나열될것인데 이 기사 끝에 완전한 프로젝트에 대한 링크가 있다.) 프로젝트 초기 setup 하기!!언급했듯이 , 우리는 아이오닉 프로젝트를 만들거고, 옵션은 blank (tabs 하지말고) 로 하자. 이미 bower 는 인스..

로그인 시스템 만들기 (맛보기 버전) 레퍼런스https://github.com/saimon24/devdactic-ionic_loginhttp://devdactic.com/user-auth-angularjs-ionic/ 클라이언트 구현 // app.js 에서 login 상태 설정 .config(function($stateProvider, $urlRouterProvider) { $stateProvider .state('login', { url: '/login', templateUrl: 'templates/login.html', controller: 'LoginCtrl' }) // template 에 login.html 추가 Login // 컨트롤러에서 login 함수 호출 , LoginService 를 DI..

IONIC 프로젝트 살펴보기 tabs 기반의 기본 프로젝트 ( $ ionic start myApp tabs ) 는 다음과 같다. 하나씩 살펴보자 ├── bower.json // bower dependencies ├── config.xml // cordova configuration ├── gulpfile.js // gulp tasks ├── hooks // custom cordova hooks to execute on specific commands ├── ionic.project // ionic configuration ├── package.json // node dependencies ├── platforms // iOS/Android specific builds will reside here ├──..

IONIC 프레임워크 시작하기 Ionic Framework = Cordova + Angluar.js + Ionic UI 한글소개 : http://blog.saltfactory.net/239메인 : http://www.ionicframework.com/특징 ) 1. 모바일 앱을 개발하기에 최적화된 UI가 기본적으로 제공한다. 2. HTML으로 UI를 만들고 JavaScript의 데이타 업데이트를 빠르게 적용할 수 있다.3. MVC 개발을 할 수 있는 환경을 제공한다.4. 네이트브 자원을 사용할 수 있는 plugins 사용을 허용한다.5. 크로스 플랫폼 빌드를 제공한다.6. Node.js 기반으로 개발할 수 있는 환경을 지원한다.7. 활발한 개발자 포럼을 지원하고 있다. 개발환경 구축하기 (on Window..

하이브리드 앱을 만들어보는게 목적으로 매우 심플한 어플리케이션이 될것입니다. IoT 엣지디바이스가 전기스위치 및 미터기(전력 계량기) 라고 가정하고 , 1.인증기능 2. 스위치를 켜고 끄는 기능 (숫자를 입력하여 켜기, QR 코드를 입력받아서 켜기, 등록된거 선택해서 켜기) 3. 해당 스위치의 현재 상태 ( 전기의 파워와 미터) 를 디스플레이 하는기능 의 간단한 기능을 가진 하이브리드앱을 만들어 보겠다. 프런트엔드는 아이오닉 프레임워크를 사용할 예정이며, 백엔드는 Vert.x or Spring 을 사용할 예정이다. p.s 엣지 디바이스와 진짜 통신이 되기 위해서는 웹서버 -> 디바이스로 연결하게 해도 되고 , 직접 와이파이 다이렉트 등을 통해 스마트폰 -> 디바이스 이렇게 연결될수도있겠지만~ 하이브리드앱..

스터디를 같이하는 분의 앱 개발시 사용 스킬 리스트 입니다. 번개전단: https://play.google.com/store/apps/details?id=com.ionicframework.epaper126847 빨간색으로 표시된 항목은 중심이 되는 기술들이니 관심있게 보셔야 하고,기본기가 있어야 앞으로 진행하는데 수월하게 이해할 수 있을 것 입니다. 1. javascript 1.1. 공통 https://nodejs.org/ https://www.npmjs.com/ https://github.com/caolan/async 1.2 Server Side http://nodeqa.com/ http://expressjs.kr/ http://socket.io/ https://github.com/holidayextr..