Programming/Android22 스마트폰 앱 UI 디자인 패턴의 이해 스마트폰 앱 UI 디자인 패턴의 이해 디자인 패턴이란 프로그래밍 시 자주 반복되어 나타나는 문제점을 해결하고자, 과거의 다른 사람이 해결한 결과물을 재사용하기 좋은 형태로 활용한다는 의미로 쓰여졌으며, 특정한 상황에서 구조적인 문제를 해결할 수 있는 방식을 설명 어떠한 목적/기능을 위한 레이아웃을 디자인 함에 있어 콘텐츠, 버튼, 컴포넌트 등의 배치에 대한 디자인 패턴을 의미 스마트폰 앱 UI 디자인 패턴 목적/기능을 위한 레이아웃 요소의 배치 = UI 디자인 패턴 목적/기능에 부합한 용어를 정의하고, 해당 UI 디자인 패턴을 참조 동일 목적의 '타임라인'이더라도, 의도/목적에 따라 달라진다. UI 디자인 패턴 참조 사이트 구글에서 UI DESIGN PATTERN으로 검색 http://inspired-u.. 2018. 5. 23. 스마트폰 앱 UX/UI 디자인 스마트폰 앱 UX/UI 디자인 UI, UX의 정의 최종 사용자를 대상으로 제품/서비스가 디자인 되어야 한다. 컨텍스트는 제품 혹은 서비스를 이용하게 되는 사용자의 상황에서 육하원칙을 대입해서 생각해보는 방식이다. 인간 속성, 디바이스 특성, 비즈니스 목적이 조화롭게 개발/디자인 되어야 한다. UX 디자인의 정의 실제 그 제품을 사용하는 사용자를 대상으로 하여, 제품/서비스와 접하고 사용하는 모든 과정에 대해 사용자가 만족할 수 있는 가치를 제공하도록 디자인하는 것 스마트폰 앱의 UX 중요성 사용자의 특성 실내/실외 등 다양한 상황에서 스마트폰 앱을 사용하는 경우가 많다. 단순히 날씨 하나만을 위한 앱, 사진만 찍는 앱 등 사용자의 니즈는 데스크톱 앱에 비해 훨씬 적고 명확한 기능을 원한다. 스마트폰 앱 .. 2018. 5. 22. [android] 사진 동영상 불러오기 Android 사진 동영상 불러오기 웹앱 사용 import android.webkit.JavascriptInterface; mWebView.addJavascriptInterface(new AndroidBridge(this), "androidJS"); 클래스 생성 //웹뷰 서버 자바스크립트 연동 private class AndroidBridge { Context context = null; public AndroidBridge(Context context) { this.context = context; } } 갤러리 이미지 호출 //갤러리 이미지 호출 Uri uri = Uri.parse("content://media/external/images/media"); Intent intent = new Inten.. 2017. 5. 19. [android] 알뜰 구매 알뜰 구매 알뜰구매를 위해 각 사이트에 올라오는 쇼핑 관련 글들을 한번에 볼 수 있는 화면을 제공합니다. 이곳에서 다운로드 할 수 있습니다. 2016. 6. 26. [ionic] ionic 프레임워크에서 외부 URL 열기 ionic 프레임워크에서 외부 URL 열기 프로젝트를 생성합니다. ionic start ExampleProject blank --v2 cd ExampleProject ionic platform add ios ionic platform add android cordova inappbrowser 를 설치합니다. ionic plugin add cordova-plugin-inappbrowser 실행할 함수를 추가합니다. launch(url) { this.platform.ready().then(() => { window.open(url, '_blank'); }); } Code Description window.open(‘http://example.com’, ‘_system’); Loads in the system.. 2016. 5. 24. [ionic] Promise resolve 으로 변경 [ionic] Promise resolve 으로 변경 home.ts getList(page) { return new Promise(resolve => { this.dataportal.getList(page).subscribe((data) => { if (!data.response.body.items.item) resolve(true); for (let d of data.response.body.items.item) { this.datas.push(d); } resolve(true); }, e=> console.log("error") , () => console.log("complet")); }); } doInfinite(infiniteScroll: any) { console.log('doInfinite,.. 2016. 5. 17. 이전 1 2 3 4 다음