📰 데일리 스크랩 - 반응형 웹, 어떻게 준비하면 좋을까? 모바일, 태블릿 등 다양한 해상도의 디바이스 사용이 늘어나는 추세에 발맞추어 반응형 웹을 도입하는 서비스가 늘어나고 있습니다. 제가

📰 데일리 스크랩 - 반응형 웹, 어떻게 준비하면 좋을까? 모바일, 태블릿 등 다양한 해상도의 디바이스 사용이 늘어나는 추세에 발맞추어 반응형 웹을 도입하는 서비스가 늘어나고 있습니다. 제가 일하고 있는 서비스에서도 올해 초 반응형 웹 도입을 마쳤는데요. • 해상도 기준은 어떻게 정해야할지 • PC/모바일 두 버전의 화면만 준비해도 될지 • 태블릿도 대응을 해야할지 등등 처음 해보는 작업인지라 어떤 기준으로 의사결정을 해야할 지 많이 고민했습니다. 반응형 웹의 경우, 모든 해상도에 대응이 되어있어야 하기 때문에 초기에 어떤 기준으로 화면을 도입하는지가 아주 중요하고 꼼꼼하게 대응하지 않을 경우 배포 후 자잘한 이슈가 발생할 수 있어요. (실제로 태블릿 해상도에서 예상치 못한 이슈들이 생겨서 핫픽스를 종종 진행했습니다...!) 반응형 화면에 관심있는 분들을 위해 초기 기획 시 고민해야 할 사항들을 잘 정리해둔 블로그가 있어 공유 드립니다. - ✅ 반응형 웹 : 디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지로, 하나의 페이지 소스를 사용하여 각 디바이스의 해상도에 맞는 레이아웃을 제공합니다. ✅ 반응형 웹은 일반적으로 모바일 / 태블릿 / PC 로 구분하여 대응하며 기준 해상도는 PC : 1024px이상 / 태블릿 : 768px - 1023px / 모바일 : 320px - 767px 을 사용합니다. ✅ 반응형 웹 도입 시, 크롬 개발자도구 > Responsive 영역을 조정하여 테스트 할 수 있어요.