본문 바로가기
테크/IT팁

반응형 웹이란?

by ahnne 2021. 4. 16.

반응형 웹이란?

반응형 웹이란 웹사이트를 구성하고 있는 각 내용과 UI 항목들이, 사용자가 접속한 기기의 크기에 맞춰 다양한 레이아웃으로 자동적으로 변하는 형태의 웹을 말합니다.

우리가 웹사이트를 이용할 때, PC로 들어가거나 모바일 혹은 태블릿으로 접속을 하게 되는데요. PC화면의 구성과 구조 그대로 모바일에서 본다고 생각을 하면, 화면의 크기가 기본적으로 다르기 때문에, 내용을 보는데 어려움이 있을 것입니다.

네이버 PC 접속 화면

 

네이버 모바일 접속 화면

그렇기 때문에, 기술적으로 이러한 제약사항, 불편사항을 해결한 것이 반응형 웹 기술이 되겠습니다.

또한, PC와 모바일처럼 접속기기가 완전히 다르지 않더라도, PC로 접속한 상태에서 창의 크기를 조절하는 것 만으로도 그 내용이 창 크기에 맞게 유동적으로 조절되는 것이 반응형 웹의 특징입니다.

반응형 웹  vs 적응형 웹

반응형 웹과 유사한 용어로 적응형 웹이라는 것이 있습니다.

최근에는 많은 사이트들이 적응형이 아닌 반응형으로 구현되고 있고, 일반 유저 입장에서는 굳이 반응형이냐 적응형이냐를 구별하고 인지할 필요는 없습니다.

주요 차이점으로는 반응형 웹은 기기의 크기 화면의 크기가 변함에 따라 실시간으로 그 구성, 레이아웃이 크기에 맞게 변화하지만, 적용형 웹은 처음 진입하는 크기에 맞춰 그 화면이 각각 독립적으로 별도로 서비스되는 특징이 있습니다.