반응형웹(Responsive Web)이란 PC, 태블릿, 모바일 등 어떠한 새로운 기기에도 해상도에 맞게 반응하는 웹사이트를 말합니다.
기존의 웹사이트의 경우, PC 화면에 해상도를 맞춰 제작하는 것이 보통이었습니다.
이후, 스마트폰의 등장으로 모바일에서 최적화된 모바일웹을 별도로 만들어 PC 버전과 모바일 버전을 따로 제작하여 각각 관리하였습니다.
그러나 현재는 스마트 기기의 다양화로 인해 스크린 해상도가 기기별로 매우 다양해져서 PC와 모바일 두가지 버전만으로는 이러한 다양한 해상도에서
제대로 표현이 되지 않는 경우가 많아졌습니다.
이러한 문제에 대한 최상의 대응책으로 등장한 것이 반응형웹입니다.
반응형웹은 모든 해상도에서 웹사이트가 반응하여 구현되므로 어떠한 스마트 기기에서 접속하더라도 해상도에 맞게 자동으로 화면을 재구성합니다.
이전처럼 PC 버전, 모바일 버전 각각 따로 관리할 필요 없이 하나의 사이트로 관리가 가능한 점이 반응형웹의 장점입니다.
반응형으로 제작된 웹사이트를 PC에서 접속하였을 때 인터넷 브라우저 창의 크기를 줄이거나 늘리면 하단에 스크롤바가 생기지 않고 화면이 재구성되는 것을 확인할 수 있습니다.
