반응형 웹이 왜 등장했을까?

장치(모바일등장)가 다양해지면서, 해상도의 크기 및 비율이 제각각 다른 경우가 생겼다. 이전에는 모니터에 맞춰 동일한 비율에 대해서만 대응하면 됐지만, 지금은 페이지 설계 시 고려할 사항들이 많아졌다.

이러한 상황에 대응하기 위해 반응형 웹과 적응형 웹 기술이 탄생햇다.

적응형 웹은 기본적으로 서버사이드에서 클라이언트의 정보를 미리 받아 해당 조건별로 정해진 화면을 보여준다.

즉, 클라이언트가 모바일인지 웹인지 파악해서 리소스를 선택하고 그에 맞는 화면을 나타내주는 형태이다.

반면에 반응형 웹 은 같은 페이지 리소스를 가져와도 해당 페이지의 크기에 따라서 다르게 보인다.

사이즈를 줄이면 레이아웃 자체가 변한다.

그래서 반응형 웹페이지를 만들기 위해서는 어떤 기술들이 필요할까?

vw와 vh로 크기를 설정한다(뷰포트)

Media Query