목록모바일웹 (8)
살다
모바일웹을 직접 기기에서 일일이 모두 테스트하기란 생각보다 쉽지 않다 우선 모든 기기를 구할수 없다는게 가장 큰 이유 이기도 하다. 과거 포스팅에서 관련 내용으로 몇번 소개했던 프로그램으로도 가능하지만 최근에 사용하는 두가지 방법을 소개하고자 한다. > 다음 트로이 ( Troy ) - 모바일웹의 사이즈만 테스트 한다면 추천- 단순히 모바일 기기의 사이즈만 규격화 한 테스트만 가능하다.- 하지만 여러기기 에대한 정리가 잘되어있고, 멀티스크린 모드로 (모니터만 크다면) 많은 기기를 동시에 볼수있다.- 제법 국내 지원 기기들을 지원(사이즈만..)한다.- 물론 트로이는 반응형 웹 테스터 이다 그리고 약 2년전에 다음 labs 에서 제공한 서비스 이다. 1. 우선 트로이 접속 ( http://troy.labs.d..
1. 우선 당연히 -_-; 크롬을 설치하고 실행시킨 오른쪽상단에 스패너 모양의 크롬 설정 및 관리 클릭. 2. 메뉴중 도구 > 확장프로그램 을 차례대로 선택 클릭. 3. 설치된 확장프로그램이 없는 경우 아래처럼 보이고, 갤러리를 찾아보시겠습니까? 링크 클릭. 4. 크롬확장프로그램 에서 qrcode 로 검색 하면 아래처럼 보이는데, 그중에 QR-Code tag Extension 을 클릭.(개인적인 취향을 통한 선택 ㅋ) 5. 프로그램 설명 페이지에서 설치를 클릭. 6. 설치를 클릭하면 하단 상태표시줄에서 다운로드 상태가 표시되고 완료후 아래와 같은 메시지가 출력. 물론... 설치를 클릭. 7. 설치가 완료되면 아래와 같이 주소표시줄과 스패너 사이에 QRcode 아이콘이 생긴다. 8. 이제 아무사이트나 접속..
Stoyan Stefanov씨는 아이폰/아이팟 터치에서 제공하는 사파리 브라우저(이하 모바일 사파리)용 웹페이지를 구축할 때 알아두면 유용한 팁 12가지를 작성했습니다. 아시다시피 모바일 사파리는 데스크탑용 브라우저와 견주어도 손색없을 정도의 풀브라우징을 지원하며, 작은 화면에서 효과적으로 컨텐츠를 조작 및 조회할 수 있도록 추가적인 특수한 API를 제공하고 있습니다. 지금부터 소개할 12가지 팁과 트릭은 기존의 사이트를 모바일 사파리에 최적화하거나, 새롭게 구축할 때 유용하게 사용할 수 있을 것입니다. 1. 관련 문서와 아이폰 시뮬레이터Peter-Paul Koch씨는 모바일 사파리를 가지고 연구하기 시작했을 무렵에는 그 어디에도 관련 개발 문서를 찾을수 없었다고 불평했습니다. 애플은 한참이 지나서야 모..
[사파리 를 이용한 아이폰/아이패드/아이팟 터치 모바일웹 테스트 하기] 1.우선 사파리5 를 설치합니다. (http://www.apple.com/kr/safari/download/) 설치되어있다면 pass~ 2. 설치한 사파리의 메뉴중 오른쪽 상단의 톱니바퀴 메뉴를 클릭 > 메뉴 중 기본설정을 클릭합니다. 3. 기본설정 > 고급탭 의 [메뉴 막대에서 개발자용 메뉴보기] 를 체크해줍니다. 4. 다시 사파리창으로 돌아와서 이번에는 페이지 모양의 아이콘을 클릭하면 개발자용 메뉴가 보이게 됩니다. 개발자용 > 사용자 에이전트 를 차례대로 선택하면 스샷에서 보이는것 처럼 여러가지 플랫폼으로 간단하게 전환이 가능합니다. 훌륭합니다. 단, 크기는 직접 손으로 조정해야한다는거 말고는 -_-;;(크기까지 해당 플랫폼과 ..
모바일웹을 제작 할때의 가장 큰 문제는 만드는 환경은 PC이지만 실제 제공되는 환경은 스마트폰을 필두로한 개인 단말기들입니다. 모든 단말기를 소유하고 있어 테스트가 가능하다면야 전혀 문제가 되지 않겠지만, 그렇지 않다면 PC에 설치되어 테스트해볼수있는 시뮬레이터는 큰 도움이 될것입니다. 단, 맥기반의 PC 를 소유하고 있다면~ 당연히 SDK 설치하고 거기서 쓰는 진짜 시뮬레이터 ( 개발한 앱까지 테스트해볼수있는 -ㅅ-;) 가 100만배 당연한 일이겠지요~ 하지만 그렇지 않다면~ 모바일웹 제작시에(앱은 테스트 불가능합니다.) 아이폰/아이패드 테스트로는 쓸만 할듯합니다. Adobe 사의 Air 를 기반 Air 가 작동되는 환경이라면 구동이 가능합니다. 이름 : ibbdemo2 제작 : http://labs...
스마트폰이나 각종 휴대기기로 웹페이지 접근시 지원하는 모바일웹페이지로 연결하기 소스 아래 출처에서 가져와서 아주 조금 수정. 출처 : http://pakaeuro.blog.me/110093238441
(주)블루웹 에서 모든 호스팅에 대해 모바일웹 모두를 지원한다. 제작에 대한 지식이없어도 간단하게 신청시 자동으로 셋팅되어 진다. 메인페이지/서브페이지의 텍스트의 간단한수정및 문의 메일 보내기 다음 지도 api를 통한 약도 서비스 까지 지원된다. 기존의 호스팅 사용자에게도 무료로 지원된다고 한다. 모바일웹 지원대상 - 블루웹 모든 호스팅을 신규로 신청하거나 현재 이용중인 고객. 신청방법 - 기존고객: 마이페이지 > 호스팅관리 > 모바일웹신청/관리 페이지에서 신청가능 마이페이지 > 호스팅관리 > 모바일웹 신청/관리 페이지에서 사용할 모바일웹 주소와 디렉토리명 두가지 사항만 입력 하면 신청 된다. - 신규고객: 호스팅 신규신청시 신청 가능. 호스팅 신청 페이지에서 사용할 모바일웹 주소와 디렉토리명 두가지 사..
아이폰을 11말 구매후 지속적으로 사용하는건 앱이 아닌 사이트다~ Jquery 를 사용한 사이트인데~ 모바일 브라우져에서만 열람 가능한듯하다~ 프로야구 포켓정보 : http://overfloweb.com/baseball/#home 당일 치뤄지는 경기의 대전표와 선발 투수 정보를 기본으로 제공하고 ( 토토할때 아주유용 -_-;) 현재 팀순위, 타자순위, 투수순위, 선수정보 등등의 여러가지 정보를 조회해 볼수있다. Jquery 프레임웤 을 사용해서 아이폰 플랫폼을 그대로 닮아 있는게 장점(?) 이다. 여하튼 이렇다할 국내 프로야구 앱이 없는 시점에서 보면 최고의 웹페이지 인듯 하다~