보유기술

반응형 웹/앱

반응형 웹이란?

반응형 웹 디자인(Responsive Web Design)은 홈페이지 제작, 웹제작과 관련된 기술로 pc, 모바일, 태블릿 등 각각의 기기별로 홈페이지의 페이지가 최적화되어 보여지는 기능입니다. 화면이 작은 기기에서 반응형 웹으로 제작된 웹사이트를 접속했을 때는 웹사이트의 구조를 작은 화면에 최적화된 구조로 변경하여 보여주고, 큰 화면을 가진 기기에서는 웹사이트의 구조를 큰 화면에 최적화된 구조로 변경하여 보여줍니다. 이처럼 이용자 기기의 화면이나 환경에 맞게 자유자재로 변하는 것이 반응형 웹입니다.


반응형 웹이 필요한 이유

반응형 웹이 등장하면서 웹사이트를 이용하는 사람들에게 모든 기기에서 최적화된 웹사이트를 제공할 수 있게 되었고, PC 버전의 웹사이트와 모바일 버전의 웹사이트 두 가지 모두를 만들지 않아도 됨에 따라 비용과 시간 그리고 인력을 줄일 수 있게 되었습니다. 스마트폰이나 태블릿이 대중화 되기 이전에는 데스크톱 화면에만 홈페이지를 최적화 시켰지만 모바일웹 접속률이 많이 늘어난 지금은 모바일 버전 또한 신경써주어야 합니다.


반응형 웹의 장점

간편한 유지보수

모바일과 PC 버전을 같이 두개의 웹사이트를 제작하게 되면 웹사이트에 새로운 내용이 추가되거나 수정이 필요할 때 개별적으로 추가 및 수정이 필요합니다. 이로써 비용과 시간이 많이 추가되게 됩니다. 반응형 웹은 모바일, 태블릿, PC 등 모든 디자인을 하나의 HTML파일과 CSS파일에서 작업하기 때문에 유지보수가 훨씬 편하고 간편합니다.

최적화된 검색엔진

검색엔진들은 거의 같은 내용을 담고 있는 사이트들을 "중복컨텐츠"로 인식합니다. 따라서 같은 내용을 담고있는 PC용 사이트와 모바일 사이트들은 검색엔진 최적화 측면에서 불이익이 있습니다. 하지만 반응형 웹으로 만들어진 사이트의 경우 하나의 주소와 하나의 파일로만 이루어져 하나의 웹 주소만을 갖고 있습니다. 사이트와 검색엔진 양쪽 리소스를 절약하는 측면에서 한개의 주소를 가진 반응형 웹이 효율적입니다.

유리한 마케팅

마케팅 활동 중 최적의 활동은 '웹' 입니다. 쉽게 접근할수 있으며 다양한 활동을 펼칠 수 있습니다. 스마트 기기 시대인 지금 웹사이트를 PC버전으로만 만들면 작은 화면의 스마트폰에서는 전달하고자 하는 정보들이 제대로 전달되지 않습니다. 반응형 웹을 통해 환경이나 기기에 따라 최적화된 구조로 웹사이트를 변경하여 보여주어 마케팅의 효과를 볼 수 있습니다.