Polymer의 기술기반인 Web Componets를 구성하는 표준 스펙들인 Custom Elements, HTML Imports, HTML Templates 그리고 Shadow DOM을 간략히 살펴본다.
Polymer의 아키텍처 및 기본적인 사용방법 그리고 material design이 적용된 paper elements 등을 살펴본다.
Polymer의 기술기반인 Web Componets를 구성하는 표준 스펙들인 Custom Elements, HTML Imports, HTML Templates 그리고 Shadow DOM을 간략히 살펴본다.
Polymer의 아키텍처 및 기본적인 사용방법 그리고 material design이 적용된 paper elements 등을 살펴본다.
[Angularjs 도입 선택 가이드]
본 문서는 네이버 개발자 블로그 hello world 를 통해서 공개되었습니다.
[문서개요]
이 문서는 AngularJS를 사용한 애플리케이션 개발을 계획하고 있거나 AngularJS 도입을 고려 중일 때 참고 할 만한 내용을 기술한다. AngularJS를 사용하는 방법을 다루지는 않는다.
이 문서의 모든 내용은 AngularJS 버전 1.3.x를 기준으로 작성되었다.
자마린 iOS 멀티화면 컨트롤러_네비게이션 컨트롤러, 루트 뷰 컨트롤러
첫번째 작성한 Xamarin.iOS 예제를 통해 View Controller가 자신의 Content View 계층 구조를 Window에 로드하는 하나의 Window만 가지고 있음을 알수 있었고 두번째 멀티화면 예제를 통해 새로운 화면(Scene)을 추가하고 아래 그림과 같이 두 화면(Scene) 사이에 이름을 전달했다.
사용자가 입력한 여러 개의 이름은 첫 번째 화면에서 입력되고 첫 번째 View Controller에서 두 번째 화면(Scene)으로 전달되어 두 번째 화면에 표시된다. 화면, 뷰 컨트롤러 및 데이터의 분리는 모델, 뷰, 컨트롤러 (MVC) 패턴을 따른다.
Model-View-Controller는 디자인 패턴으로 재사용 가능한 아키텍처 인데, MVC는 그래픽 사용자 인터페이스(GUI)가 있는 응용 프로그램의 아키텍처이다. 애플리케이션의 객체를 모델 (데이터 또는 애플리케이션 로직), 뷰 (사용자 인터페이스) 및 컨트롤러 (코드 비하인드)의 세 가지 역할 중 하나에 할당한다.
Create App Easier With SVC Pattern - DroidKnights 2019 @SeoulBansook Nam
Suggest a new pattern "How to divide your Activity & Fragment".
Shows "Lotto - App" sample.
Youtube: https://www.youtube.com/watch?v=_-yZPjf9HLo
Hope it would help to understand Andoird Architecture Pattern.
요즘 크로스플랫폼 앱개발 자마린 인기죠^^
Xamarin.iOS를 기반으로 아이폰용 HelloWorld를 간단히 실습하는 자료 입니다. 보시고 천천히 따라해 보세요~
Xamarin.ios 단일뷰 앱 프로젝트를 생성하자. (프로젝트명 : iOS_Hello)
Main.storyboard를 더블 클릭해서 아래 화면 처럼 UI를 구성하자.
Label(Text : 이름을 입력하세요.)
Text Field(Name : txtName, Text : “”)
Button(Name : btnAdd, Text : Add)
Label(Name : lblNames)
Button(Name : btnNext, Text : 다음 화면)
[Angularjs 도입 선택 가이드]
본 문서는 네이버 개발자 블로그 hello world 를 통해서 공개되었습니다.
[문서개요]
이 문서는 AngularJS를 사용한 애플리케이션 개발을 계획하고 있거나 AngularJS 도입을 고려 중일 때 참고 할 만한 내용을 기술한다. AngularJS를 사용하는 방법을 다루지는 않는다.
이 문서의 모든 내용은 AngularJS 버전 1.3.x를 기준으로 작성되었다.
자마린 iOS 멀티화면 컨트롤러_네비게이션 컨트롤러, 루트 뷰 컨트롤러
첫번째 작성한 Xamarin.iOS 예제를 통해 View Controller가 자신의 Content View 계층 구조를 Window에 로드하는 하나의 Window만 가지고 있음을 알수 있었고 두번째 멀티화면 예제를 통해 새로운 화면(Scene)을 추가하고 아래 그림과 같이 두 화면(Scene) 사이에 이름을 전달했다.
사용자가 입력한 여러 개의 이름은 첫 번째 화면에서 입력되고 첫 번째 View Controller에서 두 번째 화면(Scene)으로 전달되어 두 번째 화면에 표시된다. 화면, 뷰 컨트롤러 및 데이터의 분리는 모델, 뷰, 컨트롤러 (MVC) 패턴을 따른다.
Model-View-Controller는 디자인 패턴으로 재사용 가능한 아키텍처 인데, MVC는 그래픽 사용자 인터페이스(GUI)가 있는 응용 프로그램의 아키텍처이다. 애플리케이션의 객체를 모델 (데이터 또는 애플리케이션 로직), 뷰 (사용자 인터페이스) 및 컨트롤러 (코드 비하인드)의 세 가지 역할 중 하나에 할당한다.
Create App Easier With SVC Pattern - DroidKnights 2019 @SeoulBansook Nam
Suggest a new pattern "How to divide your Activity & Fragment".
Shows "Lotto - App" sample.
Youtube: https://www.youtube.com/watch?v=_-yZPjf9HLo
Hope it would help to understand Andoird Architecture Pattern.
요즘 크로스플랫폼 앱개발 자마린 인기죠^^
Xamarin.iOS를 기반으로 아이폰용 HelloWorld를 간단히 실습하는 자료 입니다. 보시고 천천히 따라해 보세요~
Xamarin.ios 단일뷰 앱 프로젝트를 생성하자. (프로젝트명 : iOS_Hello)
Main.storyboard를 더블 클릭해서 아래 화면 처럼 UI를 구성하자.
Label(Text : 이름을 입력하세요.)
Text Field(Name : txtName, Text : “”)
Button(Name : btnAdd, Text : Add)
Label(Name : lblNames)
Button(Name : btnNext, Text : 다음 화면)
Amazon Elastic Compute Cloud (Amazon EC2)는 손쉽게 확장 가능한 컴퓨팅 자원을 클라우드로 제공하며, 대부분 EC2 사용으로 AWS 사용을 시작하는 것이 보통입니다. 본 강연에서는 Amazon EC2의 기초 개념과 클라우드 컴퓨팅으로 빠르고 가볍게 가상머신을 실행하는 법에 대해 알아봅니다.
또한 이 강연에서는 EC2 인스턴스의 종류와 Amazon Machine Image (AMI) 사용 방법, 이를 통해 손쉽게 인스턴스를 동적으로 제공하는 부트스트래핑(Bootstrapping), 그리고 CloudWatch를 통한 EC2 모니터링 방법, 마지막으로 오토스케일링 (Autoscaling)으로 확장성 아키텍처를 구성하는 방법에 대해서도 알아볼 수 있습니다.
3. 네이티브 매니저
매니저 설명
AViewStackManager 안드로이드의 액티비티, iOS의 뷰 컨트롤러 스택을 관리한다.
예) 뷰스택의 가장 위 컨트롤러를 종료, 뷰스택 전체에 콜백 함수 수행
AViewManager 각종 네이티브 뷰 관련 기능을 관리한다.
예) 토스트 메시지 띄우기, 액티비티(뷰 컨트롤러) 띄우기
AWebViewManager 웹뷰 관련 기능을 관리한다.
예) 웹 페이지 표시하기, 콜백 실행하기
ADeliveryStoreManager 안드로이드의 SQlite, iOS의 NSUserDefaults 에 데이터를 저장한 뒤 웹뷰에서 등록한 콜백이 실행한다.
예) 사진 촬영 파일의 Base64 데이터가 준비되면 웹뷰의 콜백을 호출, 웹뷰에서 사진 데이터를 표시한다.
4. 네이티브 매니저 기능을 조합해 동작 수행
• 네이티브 동작은 각종 매니저의 기능 조합을 통해 이루어진다.
• 위의 동작은 로그아웃 동작으로
• 키체인 매니저에서 계정 관련 정보를 제거한 뒤 뷰스택에 쌓인 뷰들을 차례로 종료하고, 최종적으로 인트로 페이지로 이동하는 동작을 수
행한다.
14. 내부 DB에값 저장
- 안드로이드의 SQLite, iOS의 NSUserDefaults 에 값을 저장합니다.
- CRD 가능, U는 C로 대체합니다.
- 안드로이드의 경우 웹뷰에 직접 값을 리턴할 수 있으나, iOS와 동일한 방식을
사용하기 위해 내부 DB에 값을 저장합니다.
- 웹뷰에서는 다음 처럼 값을 불러와 펑션을 실행할 수 있습니다.
- nativeUtil.deliveryStore.getStoreData(sKey, fCallback);
15. Order, Arrive
딜리버리 스토어의 동작은 음식점에 배달 음식을 시키는 것을 생각해보면 쉽게 알 수 있습니다.
1) 주문하면
2) 도착한다(받는다)
order 로 키와 콜백을 주문하면 앱 에서 arrive를 호출합니다.
이 때, order에 등록해둔 키와 콜백이 실행됩니다.
1) DeviceInfo 를 주문하고,
2) info() 를 실행시키면 웹뷰가 arrive 를 호출해준다.
3) 이 때, order 에 등록해둔 콜백이 실행된다.