웹을 통해 새로운 창조를 꿈꾸는 인간 - kimdirector
www.kimdirector.co.kr Photo by unsplash.com
kimdirector
Creative Web & Mobile UI/UX Planner and Designer
Humans dreaming of new creation through the UI/UX



WEBDESK
Recommend Site
HOME WEBDESK Recommend Site
모바일 & 반응형웹 테스트 툴 - 트로이(Troy)
Posted by kimdirector | 2015.08.11 | Hit : 3199
트로이 모바일 반응형웹 웹페이지 테스트
목록보기이전보기
웹디자이너 또는 퍼블리셔들에게는 매우 익숙한 툴이 되어 버린 테스트 툴 토로이를 소개해 드립니다.
 
트로이(Troy)는 2013년 7월에 개발되어 지금까지 웹 개발자 또는 웹 디자이너들에게 자주 애용되는 테스트 툴입니다.
 
제목과 같이 모바일 웹 페이지 또는 반응형 웹 페이지 개발시, 마땅히 테스트할 디바이스가 없을 때 활용할 수 있습니다. 특히, 수많은 디바이스별 해상도에서 테스트할 수 있는 방법이 생각만큼 많치 않습니다. 이세상에 존재하는 모든 스마트폰을 다 구입할 수는 없잖아요. 그래서 Troy와 같은 쓸만한 툴들이 몇가지 있습니다.
 
하지만, 대부분의 테스트 툴들은 해외에서 개발된 것들이 많고, 국내에서 개발된 툴들은 그리 많치 않은 실정입니다. 그리고 해외에서 개발된 테스트 툴들은 다양한 기능들을 많이 탑재해서 복잡하기만 합니다. 그런면에서 트로이(Troy)는 아주 심플하고 기능도 아주 단순하게 잘 만든 것 같습니다. 디바이스별 선택할 수 있는 메뉴 구성이 왼쪽 사이드바에 배치되어 있고, 상단에는 테스트하고자 하는 URL를 입력할 수 있는 주소 입력창이 있습니다. 끝!!! 여기까지가 다 입니다. 오른쪽 상단 끝에 설정버튼이 있는데, 간단한 몇가지 기능만 있을 뿐입니다.
 
테스트할 URL를 입력했으면, 선택한 디바이스별 해상도를 볼 수 있습니다. 물론 한가지 뿐만 아니아 멀티 셀렉트를 하면 선택한 만큼의 해상도에서 테스트를 할 수 있습니다. 여기서 테스트를 한다는 의미는 개발까지 포함된 것은 아니니 참고하시기 바랍니다.
 
Troy는 국내외 주요 모바일 단말기에 탑재된 기본 브라우저의 실측 사이즈 화면을 통해 모바일 웹 또는 반응형 페이지의 인터페이스를 검증하는데 도움을 주는 개발 도구입니다.
 
누구나 빠르게 모바일 웹 페이지를 한 곳에서 테스트해 볼 수 있는 장점이 있으며, 화면 확대/축소 기능 및 맞춤형 크기 변경 기능 또한 제공합니다. 여기에 표시되는 화면 크기는 모바일 웹 개발 시 흔히 사용되는 medium-dpi 기준의 브라우저 크기로서, 기기 또는 운영체제별 특성,버그는 실제 기기를 통해 확인하셔야 합니다.
서비스 바로가기 : http://troy.labs.daum.net

 
구글 크롬을 사용하고 싶으시다면 확장 앱을 설치하여 사용할 수 있는데요.  크롬 웹 스토어에서 Troy를 검색하면 해당 확장 앱을 쉽게 찾을 수 있습니다. 사용법은 PC 버전의 기능과 동일합니다.
 
편하신대로 사용하면 될 것 같습니다.
Posted by kimdirector | 2015.08.11 | Hit : 3199
LINK http://troy.labs.daum.net
TAG 트로이 모바일 반응형웹 웹페이지 테스트
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=favorites&no=144

COMMENT
목록보기 이전보기

WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Best View Contents
Category Cloud
About us Review Portfolio Design Review Leaders Story Mobile UXD  IT Information Web Identity Everyday Story Mobile Life Webdesign
Web Standard Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site
Tags
드러커 커뮤니케이션 로고 windows8 무료 웹사이트 리더십 저작권 IT 사용자 롤러브레이드 PSD 구글 크롬 서울시 디자인 이벤트 웹브라우저 홈페이지 UI CIP iOS 런던 모바일 모먼트 비즈니스 모바일 배너 플리커 웹사이트 폰트 네이밍 웹타이포그래피 갤러리 SF 기획 폰트 솔루션 포스터 로고디자인 로고