[ Mobile ] 안드로이드 개발환경 구축하기

|

1. java jdk를 설치한다.

2. java 환경 변수를 잡아준다.

3. 이클립스 설치한다.

4. 이클립스에서 안드로이드 adt를 설치한다.

5. 안드로이드 sdk를 설치한다.

6. 이클립스에서 sdk 위치를 잡아준다.

트랙백0 And 댓글0

[Mobile] iPhone input type 에 따른 아이폰 키보드의 변화

|

아이폰으로 인터넷을 하다보면은 여러가지 폼에다가 입력을 해야 할 경우도 많습니다. 아이폰을 사용해보신 분들은 아시겠지만 상황에 따라서 다른 키보드가 뜨는데요. 오늘은 input 박스의 type에 따라 다르게 뜨는 키보드의 모양의 분석해 보겠습니다.

우선 기본적으로 나오는 type=text 일 경우에는 다음과 같은 키보드가 나옵니다.


text일 경우에는 기본적인 키보트가 뜹니다. 인풋박스들이 <form> 태그에 쌓여있기 때문에 아래에는 "go" 라고 버튼이 뜹니다.

그렇다면 다음에 있는 땡땡땡 부분은 다들 아시다시피 password 부분입니다. 그 곳에 포커스가 가게 되면,


위와 같은 키보드가 돌출하게 되는데, 한가지 다른 점은 처음에 입력하는 값을 대문자로 입력하게 해주는, shift가 안눌려있습니다.


다음은 이메일인데, type을 email로 했을 경우에는 아주 친절하게도 @ 와 . 이 나오게 됩니다. 입력하기 참 쉽겠죠?


type=number 에 포커스 되었을 때는 특수문자를 눌렀을 경우와 같은 키보드가 나옵니다.


오늘의 하일라이트, type=tel 일경우에는 전화번호를 쉽게 입력할 수 있도록 전화번호 키패드가 뜨게 됩니다. 이거 정말 마음에 드네요. 주민등록번호나 전화번호를 입력할 때 사용하면 좋을 듯 합니다.


url의 경우도 email과 비슷합니다. url을 쉽게 입력할 수 있도록 /(슬래시)와 .com(닷컴)이 나오게 됩니다. 입력할 때 편하겠네요.


type=search 일 경우는 "Go" 부분이 "Search"로 변하고 나머지는 동일합니다. 다른 것들은 text와 동일하게 뜨므로 이미지는 생략하였습니다.

이런 것들을 잘 사용하면, 사용자들이 좀 더 편하게 사용할 수 있겠지요? 참, 그리고 한가지 팁은 url을 입력할 때, url을 입력하는 키보드가 나오지 않았을 경우에 닷컴을 입력하려면 특수문자 부분을 한번 갔다와야 하는데, 그렇지 않고 스페이스바를 두번 누르게 되면 점이 찍힙니다. 그런다음에 백스페이스를 한번 눌러주시고 입력해주시면 특수문자 키보드로 바꾸지 않고도 손쉽게 입력하실 수 있습니다.

출처 : http://htglss.tistory.com
트랙백0 And 댓글0

[Mobile] iPhone 아이폰 사파리에서 화면회전시 폰트 확대방지

|

요즘 아이폰의 보급으로 많은 사람들이 iPhone을 사용하고 있습니다. 그래서 iPhone의 Safari에 최적화된 웹페이지를 많이 제작하고 있는데요. 아이폰 사파리는 모바일 브라우저로 여러가지를 고려하여 개발해야 하는데요. 앞에서 포스팅한 전화번호 링크와 화면 확대되는 부분이외에 화면 확대는 막았어도 텍스트가 자동으로 확대가 되는 것을 볼 수 있습니다. 세로로 딱 맞게 작업했을 경우 가로로 보게 되면 폰트가 확대되어 있는 것을 볼 수 있는데요. 이렇게 되면 어느 환경에서나 잘 보이게 개발하기 힘들겠죠? 그래서 폰트가 확대되는 것을 막아야 합니다.

그림에서 볼 수 있듯이 세로로 잘 맞게 작업한 경우 가로로 봤을 때 두번째의 그림같이 확대가 되게 됩니다. 그래서 원래 생각했던 디자인과 다르게 나오게 될 수 있는데요.



이러한 경우에는 스타일 시트를 약간 수정하는 것으로 문제를 해결할 수 있습니다.

<style type="text/css">
* {-webkit-text-size-adjust:none;}
</style>

이렇게 해주면 아래의 그림과 같이 가로로 보았을 때도 세로로 보았을 때와 동일한 폰트 크기로 볼 수가 있습니다. 아이폰이 아직도 세력을 넓혀가고 있는 가운데, 모바일 개발에 없어서는 안되는 중요한 정보 같습니다. 저도 잘 기억하고 있어야겠네요.
트랙백0 And 댓글0

[Moblie] Android VNC를 이용해서 안드로이드에서 우분투로 원격 데스크탑 연결

|

안드로이드 스마트폰에 VNC Client를 실행하고 우분투에 VNC Server를 실행해서

스마트폰으로 원격에서 우분투 데스크탑을 사용해 보겠습니다.

일단 스마트폰을 wifi에 접속시킵니다.

 

1) 우분투에서 VNC Server를 설치해야하는데 기본적으로 우분투에는 VNC Server가 설치되어 있습니다. 정말 그런지 확인해보겠습니다.

프로그램>>우분투 소프트웨어 센터 클릭

 

 

Remote Desktop이 설치되어 있는지 vnc를 검색해서 확인합니다. 아래와같이 초록색 체크표시가 되어 있으면 설치되어 있는 겁니다.

 

 

2) VNC Server를 활성화 시켜 보겠습니다.

시스템>>기본 설정>>원격데스크탑 클릭

 

 

다른 사용자가 데스크탑을 볼 수 있도록 합니다(V) 에 체크 박스

사용자가 이 암호를 입력에 체크 박스하고 암호 설정합니다.

노란 박스안의 IP주소를 잘 기억해둡니다. 닫기 버튼 누릅니다.

 

 

3) 안드로이드에 VNC Client 어플을 설치합니다. 저는 안드로이드 마켓에서 pocketcloud라는 프로그램을 설치했습니다.

PocketCloud를 실행합니다.

 

 

4)My Computers 오른쪽에 + 버튼 터치합니다.


 


5) VNC Server에 접속해야하니까 VNC를 선택합니다.

 


 

6) 위에서 기억해둔 IP주소와 패스워드를 입력합니다. 저장 버튼 누릅니다.

 

 

7) vnctest 클릭

 

 

8) 우분투 데스크탑에서 허용을 해야 연결이 됩니다.

 

 

9) 우분투 데스크탑에서 허용 버튼 클릭

 

 

10) 안드로이드 스마트폰에서 우분투를 컨트롤할 수 있습니다.



출처 : http://blog.naver.com/timberx

트랙백0 And 댓글0
prev | 1 | next

티스토리 툴바