Mobile 17

Notch 노치 디자인 React Native에서 <SafeAreaView>로 해결하기

요즘 스마트폰 제조사들은 배젤을 줄이는 부분에 많은 공을 드립니다. Apple의 iPhone은 X 버전 이후부터 전면부 부분을 전체 스크린으로 쓰게 되면서 상단 부분에 조도 센서, 전면 카메라, 수화부 등을 넣을 부분이 없어지면서, 스크린의 상단부분에 파인 것처럼 보이게 되었습니다. 이 부분을 Notch(노치)라고 하더군요. 모바일 앱(App) 프로그램을 하다 보면 해당 부분에 대해서 신경을 써줘야 합니다. React Native를 알게되면서, WebView 컴포넌트를 통해서 쉽게, Android와 iOS를 App을 소스로 만들수 있다는 매력에 만들어 보게 되었습니다. 짧은 시간에 내가 만든 웹을 앱으로 감싸줘서, 웹앱을 구현하는 모습을 보면서, 너무 감동하려는 찰나에 저는 iPhone 11 Pro를 사..

Mobile 2020.05.02

[Android] 구문 분석 오류 - 패키지 파일을 분할 는 중에 문제가 발생하였습니다.

요즘 React Native에 WebView를 통해서, 쉽게 Web base App를 만들어 보고 있는데요. 빌드까지 마무리하고 설치를 위해서, 오래된 개발용 갤럭시 노트에 apk를 설치하려고 하니. 다음 에러 메시지가 나타나더군요. Android는 개발용 기기 외에는 써보지 않은 저로써는 빌드를 잘못했나 걱정했습니다. 알고 보니. 해당 안드로 버전(4.4.2)이 낮아서 그런 것이더군요. *해결법: 안드로이드 버전이 높은 곳에서 설치해 주세요. (OS 업데이트 등) 제가 가지고 있는 갤노트는 너무 오래되어서 버전업이 되지 않아서. 다른 Android 기기(6.0.1)에서 apk파일을 설치하니. 너무 잘 설치가 되었습니다. 참고: 구문분석 오류 - 패키지 파일을 분할하는 중에 문제가 발생하였습니다. (휴대..

Mobile/Android 2020.05.01

[펌][Android] 해상도와 dpi, px, dp, dip, sp의 관계

[Android] 해상도와 dpi, px, dp, dip, sp의 관계 안드로이드는 아이폰과 달리 다양한 해상도를 지원하기 때문에 디자인 적으로 골머리를 썩는 경우가 많다. 특히 요즘에는 세로로 긴폰, 가로로 긴폰 등 너무 다양한 폰들이 제멋대로 나와서 참 개발하려면 막막한데.. 해상도와 dpi, px, dp, dip, sp의 관계에 대해 기본적인 것들을 알아보자. 1. dpi (Dot Per Inch) 1인치당 픽셀 수. 물리적 단위인 1 inch (=2.54cm)에 몇 픽셀이 들어가는가를 나타내는 단위다. Low density (120dpi) : ldpi Medium density (160dpi) : mdpi High density (240dpi) : hdpi Extra High density (32..

Mobile/Android 2019.04.17

Android Button 투명 (transparent) 색상 만들기

Button 버튼 투명 색상주기 android:color="@android:color/transparent" 참고: Using @android:color/transparent in gradients Button버튼 상태에 따른 값주기 버튼이 "눌릴때"와 "포커스 갈때" 사용하지 못할때의 디자인을 다르게 줄 수 있다. XML file saved at res/color/button_text.xml: 참고: https://developer.android.com/guide/topics/resources/color-list-resource Color state list resource | Android Developers A ColorStateList is an object you can define in XML..

Mobile/Android 2019.04.09

iPhone, iPad 또는 iPod touch의 암호를 잊어버렸거나 기기가 비활성화된 경우

iPhone과 같은 iOS기기의 암호를 잊어 버렸을때 처리하는 방법 비활성화 되었음 나오면 -.-;; 정말 암담합니다. [사진1. 비활성화 된 모습] [복원 방법들 (2가지)](방법 1) iTune에 백업해 두었던 내용을 강제 복원. (방법 2) iOS 업데이트 또는 복원 (업데이트는 사용자의 설정유지, 복원은 모두 삭제) => 대부분의 경우 "복원"만 되는 경우가 많다. [사진 2. iPhone 복원모드] (방법 2) iOS 업데이트 또는 복원2-1) 기기를 iTune에 연결 (라이트닝 케이블 연결) 2-2) 기기 복원모드 실행하기, iTune에 Alert창이 뜹니다. 2-3) 업데이트 또는 복원실행, 업데이트를 실행시 안되면, 복원을 실행해야 합니다. (복원을 실행하면, 기존 설정/앱 모두 삭제됩니다..

Mobile/iPhone 2018.05.04

[PhoneGap] iOS 환경 만들기

PhoneGap 환경을 만들어 보려고 합니다. (기존에 방식은 잊어버리자) 먼저 Mac OS X에서 기본적으로 설치되어 있지 않는, 필요한 패키지를 설치를 위해서, Homebrew라는 패키지 관리자를 설치해보록 하겠습니다. ( 패키지 관리자 예: CentOS yum, Redhot rpm, Devian apt와 유사한 서비스 ) 1. Homebrew 설치하기 Homebrew는 OS X용 패키지 관리자 입니다.(Homebrew 공식 홈페이지 설치법: http://brew.sh/index_ko.html) - OS X terminal 에서 실행ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" - 설치가..

Mobile 2014.10.15

iphone unlock 하기

국내 iPhone 3GS의 경우무조건 KT통신사에 타통신사, 제약에 대한 해제가 필요하다. 언관관련 참조사이트: http://blog.daum.net/tedkenan/43 1. iPhone Country Unlock (아이폰 컨트리락 해제) KT는 iPhone 4의 국내 정식발매 일인 지난 9월 10일 부터 iPhone 3G, 3Gs & 4의 사용자중 요청자에 한해 Country Unlock(통칭 : 컨트리락 해제) 서비스를 시행하고 있습니다. 컨트리락 해제 서비스란 KT 유심을 사용하는 아이폰 유저가 해외 출타시 로밍 서비스를 받지 않고 타국의 유심을 이용하여 현지 요금체계에 따라 통화 서비스를 받을 수 있도록 아이폰 단말기의 잠금장치를 풀어 주는 것입니다. - Apple iPhone Country U..

Mobile/iPhone 2013.02.16

[PhoneGap] 폰갭 접근 가능한 hosts 추가하기

1. console log for any white-list rejection erros.2. Allowed hosts in Cordova.plist/ExtenalHosts (wildcards OK, don't enter the URL scheme) Supporting Files/Cordova.plist 파일에 "ExternalHosts"를 추가해줘야만, 접근 도메인이 추가된다.핸드폰에서 접근이 가능한 도메인을 제한을 해줘야, XSS와 같은 공격을 막을 수 있다. Apache Cordova API Document Apache Cordoba API Document 1.7.0rc1

Mobile 2012.05.15

[PhoneGap] 폰갭(Apache Cordova)설치하기

PhoneGap 사이트에서 [다운로드]를 버튼에 클릭해서 다운로드 한다. (지원하는 모든 프레임웍이 하나에 파일로 압축되어 있다) iOS용 프레임웍을 설치해본다. 전체 파일은 phonegap-phonegap-1.5.0-0-gde1960d.zip 용량은 11.2M이며, ios의 Cordova-1.5.0.dmg의 용량은 6.9M입니다. [ Cordova 실행 = PhoneGap프로젝트 ] : * 지원되는 라이브러리 ios, symbian, windows, android, bada, blackberry를 지원한다. [ "Cordova-based Application"프로젝트 생성 ] Xcode실행후 "프로젝트"을 실행하여, "Cordova-based Application"로 선택하고 생성해준다. [ Use A..

Mobile 2012.03.23

[안드로이드]탭뷰 만들기

출처: Android 입문자를 위한 강좌 - 7. 탭뷰의 이용 프로젝트하면서 이용했던 탭뷴데 , 다시 정리해둬야 할 것 같아서! 탭뷰는 조금 조잡하다 . XML에서 탭뷰의 구성요소는 크게 3가지. , , 이다. TabHost는 Tab을 보유한 레이아웃이며 , TabWidget은 흔히들 생각하는 탭, Layout은 탭에따라 전환되는 "뷰"이다. 보통 전환할 수 있도록 FrameLayout안에 Linear등의 일반 레이아웃을 배치하는 것이 일반적이다. Java에서 탭뷰 연결방법은 다음과 같다. 1. TabHost를 얻어온다 (findViewById) 2. Host의 setup함수 호출 ( 탭들을 add하기 위한 준비작업 ) 3. Host의 newTabSpec을 통해 탭메뉴들을 생성. 4. TabSpec.se..

Mobile/Android 2011.04.06

iPhone 사파리(safari)에서 확대 축소 막기

현재 의 meta테그의 이름이 viewport를 선언해 주면, 해당 글자의 확대와 축소를 막을 수 있습니다. 모바일테스트 추가내용: Mobile Web Application Best Practices 중에 3.5.10 Use Meta Viewport Element To Identify Desired Screen Size ==> http://www.w3.org/TR/mwabp/#bp-viewport Device 폭 출처: http://help.adobe.com/en_US/dreamweaver/cs/using/WSeffff8bffc80208443aaa2ab12db791fb9b-8000.html

Mobile/Web방식 2010.05.26

[펌]Mobile web design을 위한 글.

출처: http://stonefocus.thoth.kr/ 모바일 웹은 점점 급증해 가고 있다. 인터넷과 Web이 PC의 전유물이라는 사람들의 생각은 점점 없어져 가고 있는게 사실이다. 작년, 한해동안 미국에서만 6천3백만명이 넘는 사람이 모바일을 통해 웹에 접속하였다. 이는 2013년이 되면 전 세계적으로 17억명이 될것이라는 예견도 있다. 영국에서의 예만 보더라도 그 사실은 극명해 진다. 20%의 모바일폰 사용자들이 그 모바일 폰으로 인터넷을 즐기고 있다는 조사 결과도 나오고 있다.(Source : http://www.3g.co.uk/PR/Feb2007/4267.htm) 이게 불과 몇년 사이에 벌어진 일이다. 그래서 모바일 웹의 Design을 위한 Guide line의 필요는 절실했다. 그리고, 이곳 ..

Mobile/Web방식 2010.05.25

[펌]UINavigationController 관련 내용

UINavigationController를 사용할때 쓸만한 내용을 발견하여 정리해 봅니다. 1. 초기화 UINavigationController의 초기화를 위해서는 보통 가장 루트가 되는 뷰컨트롤러를 지정하게 됩니다. UIViewController *viewController = [[UIViewController alloc] init]; UINavigationController *navController = [[UINavigationController alloc] initWithRootViewController:viewController]; 2. 새로운 뷰로 이동하기/빠져 나오기 새로운뷰로 이동하는것은 다음과 이해하시면 좋을것 같습니다. 네비게이션컨트롤러는 기본적으로 스택(Stack)과 같은 구조로 동작..

Mobile/iPhone 2010.05.17

아이폰 웹어플리케이션(Web Application)만들기

http://blog.naver.com/joycestudy?Redirect=Log&logNo=100100587234 [2010/02/24, 결론 수정] 윈도에서 간편하게 작업할 수 있는 방법을 찾은 줄 알았는데, 아니었다. 좀 여러가지 문제가 겹쳐 있다. 우선, aptana의 iPhone Simulator의 기본 웹 엔진이 윈도에서는 IE로 잡히기 때문에, iphone iui 관련 태그가 제대로 안보인다. aptana에서 따로 배포하는 embedded firefox 플러그인을 설치하면 preview 화면에서 Firefox 결과를 볼 수 있고, 또한 iPhone Simulator의 웹 엔진도 그걸로 바꿔서 지정할 수 있는데, 문제는 이게 버전이 낮은 건지, 스타일이 전혀 안먹는다. 별도로 설치한 Firef..

Mobile/iPhone 2010.04.13
1