pm5

News

피엠파이브의 새로운 소식을 알려드립니다.

기술에 감성을 더한 소프트웨어로 창의적이고 혁신적인 문화를 만들어가는
피엠파이브의 진솔한 이야기를 전합니다.

IT칼럼

[APP STORY] 모바일 웹? 반응형 웹? 뭐가 다른 걸까?
2020-10-26 오후 3:37:00

휴대전화 사용자의 수가 늘어나면서 수많은 기업이 자사의 상품이나 서비스를 홍보하기 위해 발맞추고 있습니다. 그중에서도 반응형 웹, 모바일 웹, 앱 개발에 큰 관심을 보입니다. 모바일 환경에서 볼 수 있는 웹사이트는 크게 모바일 웹, 반응형 웹으로 나뉩니다. 어떤 특징이 있는지 이번 포스팅을 통해 자세하게 알아보도록 합시다.

‘반응형 웹’이란?

클릭을 하시면 실제 이미지 크기로 보실 수 있습니다.

반응형 웹은 한 가지의 웹사이트로 다양한 기기에 최적화된 화면을 보여줍니다. 반응형 웹은 동작하는 기기의 화면과 해상도에 맞춰 저절로 반응하여 데스크톱, 태블릿, 모바일에서도 최적화된 화면으로 볼 수 있습니다. 이론적으로는 반응형 웹이나 모바일 웹, 모두 일반적인 웹사이트와 마찬가지로 HTML로 만들어진 페이지입니다. 따라서 어떤 브라우저를 이용하더라도 접속할 수 있습니다.

반응형 홈페이지의 장단점과 기능

*장점

1. 모든 사용자가 이용할 수 있다.

2. 다운로드나 설치가 필요 없다.

3. 운영체제와 상관없이 스마트폰으로 쉽게 웹사이트에 접속할 수 있다.

4. 업데이트, 유지관리, 디버깅이 쉽다.

5. 사용자들이 새로운 버전을 설치할 필요도 없다.

6. 관리자의 입장에서 업데이트 비용이 적게 들며, 관리 방법도 쉽다.

*단점

1. 인터넷이 연결되어 있어야 웹사이트를 이용할 수 있다.

‘모바일 웹’이란?

클릭을 하시면 실제 이미지 크기로 보실 수 있습니다.

모바일 웹은 PC버전의 홈페이지와 모바일 홈페이지를 따로 제작한 것인데요. 모바일 브라우저에서 이용자들이 편하게 이용할 수 있도록, PC용 웹사이트를 모바일 스크린 크기에 맞춰 줄여놓은 것을 의미합니다. 대개는 기존에 PC용 웹사이트가 있는 상태에서 모바일용 웹사이트의 필요성을 느끼고 추가로 개발하는 경우가 많습니다. 즉, 같은 사이트인데 PC용 웹사이트와 모바일용 웹사이트, 이렇게 다른 두 가지 버전의 웹사이트가 존재하는 건데요. 그렇기 때문에 같은 콘텐츠를 담고 있는 웹사이트이지만, 두 가지의 URL을 갖게 됩니다.