티스토리 뷰
안녕하세요 탐구소년입니다. 오늘은 간만에 IT 상식을 정리해보겠습니다. 주제는 '반응형 웹'입니다.
반응형 웹이란?
PC 브라우저로 접속하든 모바일 브라우저로 접속하든 사용자의 접속 환경에 맞추어 사이트 레이아웃을 자연스럽게 바꾸어가며 보여주는 웹 디자인을 '반응형 웹 디자인'이라고 합니다. 즉 반응형 웹이란 하나의 사이트를 여러 기기에서 여러 사이즈로 볼 수 있도록 한 것입니다.
아주 가까운 예로 티스토리 블로그만 봐도 반응형 웹입니다. PC의 커다란 모니터 화면으로 볼 때와, 작은 모바일 기기 화면으로 볼 때의 디자인이 서로 다르게 나타나는데, 이것은 저절로 되는 것이 아니라 반응형 웹 디자인을 했기 때문에 가능한 것입니다.
반응형 웹의 등장 배경?
기억하시는 분들이 계실지 모르겠지만, 특별히 웹사이트를 반응형으로 만들지 않고 고정된 사이즈로 제작해도 문제가 전혀 안 되는 시절이 존재했었습니다(ㅋㅋ). 웹사이트는 PC로만 보던 시절이었기 때문입니다. 그러나 이제는 PC 모니터보다 훨씬 작은 스마트폰에서 웹에 접속하는 경우가 무척 많아졌습니다. 그런데 모바일로 웹사이트를 보는 경우에도 데스크톱 화면과 동일한 디자인으로 표시하게 되면 보기가 무척 불편해집니다. 일부분만 보이는 데다가 글씨가 무척 작게 보여서 눈도 아팠죠. 그래서 많은 웹사이트들이 반응형 웹을 도입하게 되었습니다.
어떤 기기로 웹사이트에 접속하는지 여부에 따라 그에 맞게 웹사이트 디자인이 변형되도록 한 것입니다.
반응형 웹의 좋은 점
- PC를 비롯한 모든 기기에서 접속 가능
- 스마트 기기의 경우, 가로 모드에 맞추어 레이아웃 변경 가능
- 사이즈 유지 및 관리 용이
사실상 요즘엔 반응형 웹을 도입하지 않고 웹사이트를 제작하는 경우가 거의 없다고 봐도 무방하므로, 반응형 웹이 어떤 것인지에 대한 가벼운 지식 정도는 가지고 있는 것이 좋다고 생각해서 간단하게 정리를 해보았습니다. 도움이 되셨기를 바라면서, 이상 정리를 마치겠습니다. 감사합니다.
'IT > IT 상식' 카테고리의 다른 글
웹사이트 화면 PDF 파일로 저장하는 방법 (2) | 2020.03.12 |
---|---|
크로스 브라우징(cross browsing)이란? 개념 알아보기 (0) | 2020.03.10 |
웹 접근성이란? (0) | 2020.03.02 |
쿠키 세션 캐시 개념 및 차이 (초간단 주의) : cookie session cache (6) | 2020.01.31 |
git : The Requested URL returned error : 403 해결하기 (3) | 2019.12.27 |