💘 이런 서비스는 어때요? [💡여러 해상도에 따른 웹 페이지를 쉽게 확인하고 관리 할 수 있는 서비스] (👀이게 뭔가요?) 서비스 소개도, 직접 쓴 글을 공유하는 것도 오랜만인 것 같아요. (괜히 찔려서 그래요) 반응형 웹의 장단은 뚜렷하지만, 기획 단계에서 충분히 고려해야 할 내용 중 하나 입니다. 중요한 것은 초점을 맞춘 해상도에 따라 구현이 잘 되어 있는지 확인하는 과정인데요. 한 가지 더해지는게 있다면 아마 브라우저의 종류가 아닐까 싶습니다. 즉, 디바이스에서 어떤 브라우저로 접속하느냐에 따라 달라지는 해상도를 반응형으로 구축시 모두 확인하고 테스트해봐야 한다는 것인데요. 이게 생각보다 꽤 귀찮은 일입니다. 물론 앞단에서 브라우저, 버전, 특정 해상도 등을 고려해 진행하겠지만 그래도 경우의 수가 많아지는 건 어쩔 수 없는 일인데요. 비용을 얼마든지 태울 수 있다면 유료로 크로스 브라우징과 해상도에 따른 테스트를 더 쉽게 할 수 있지만 스타트업에선 처음부터 쉽지 않은 일이니까요. 오늘 소개할 서비스는 이런 무료로, 여러 해상도에 해당하는 화면과 환경을 동시에 보고 확인 할 수 있는 서비스입니다. 📌 서비스 특징 ✓ 윈도우, 맥용 프로그램을 모두 지원 (무료 다운로드 받아 사용 가능) ✓ 크롬 등 브라우저용 확장 프로그램 지원 ✓ N개 이상의 원하는 해상도의 화면을 설정, 클릭 이벤트 등을 동시에 확인 가능 ✓ 다양한 해상도를 OS와 디바이스에 따라 쉽게 불러오고 삭제할 수 있음 ✓ CSS Editor, Inspect Element, Toggle Touch Mode 등 다양한 기능 지원 ✓ 가로 모드도 클릭 한 번으로 확인 가능 (모바일, 태블릿 디바이스의 경우)

반응형 웹에 대한 테스트, 여러 해상도를 한 눈에 비교하며 확인할 수 있어요! : Responsively

지금 써보러 갑니다

반응형 웹에 대한 테스트, 여러 해상도를 한 눈에 비교하며 확인할 수 있어요! : Responsively

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2020년 12월 14일 오전 9:12

댓글 0




비슷한 게시물

주간 인기 TOP 10

1

달레 블로그 쓰는 개발자 ✍️

실시간 양방향 통신을 위한 웹소켓(WebSocket)

2

골빈해커 Chief Maker

코딩 연습용으로 좋은 주제로 “소코반”이라는 고전 게임이 있습니다

3

Outsider 당근마켓 SRE

GitHub을 회사에서 협업을 하다보면 협업을 쉽게 하기 위해서

4

조서희 컬리 백엔드 개발자

🕊️ [Medium] 모든 엔지니어가 필요한 15개의 시간 절약

5

권태관 NAVER 소프트웨어 엔지니어

더 나은 프로그래머 되는 마지막노하우

추천 프로필