반응형이란 크기에따라 늘어나거나 줄어드는 것을 말합니다. ‘웹’과 합성한게 반응형 웹입니다. 화면의 크기에 따라 콘텐츠가 늘어나거나 줄어드는 웹사이트를 뜻합니다. 옛날에는 웹사이트를 주로 데스크톱에서 많이 봤습니다. 하지만 근래에는 pc, 텔레비전, 노트북, 태블릿, 모바일 등등 다양한 플랫폼에서 웹사이트를 봅니다. 어떤 환경에서도 사용자가 편하게 보기위한 것입니다.
아닙니다. 개발은 한번만 합니다. 그대신 css 미디어 쿼리를 이용합니다. css 에서 화면의 가로사이즈(width)를 구간으로 나눕니다. 예로들면 1200px 이하 사이즈에서는 가로로 보이게 한다던지 이런 식으로요. 해당 작업을 통해 화면 사이즈에 맞게 레이아웃이 배치됩니다.
네 맞습니다. pc, 태블릿, 모바일 width 사이즈에 맞게 다 작업해야합니다. 그래서 은근히 공수가 많이 투입되는 작업입니다. 혹은 bootstrap 이란 라이브러리를 사용해서 간략하게 작업할 수도 있구요.
모바일웹은 반응형웹의 부분집합입니다. 모바일 장치에서 접속했을 때 표현되는 웹사이트를 뜻합니다.
서비스, 산업 특성에 따라 다르겠지만 현대사회에서 대부분의 사람들은 모바일로 웹사이트를 접속합니다. 그래서 모바일 플랫폼만 출시하는 서비스도 많구요.
예를들어 쇼핑몰 같은 경우 대부분 모바일을 통해서 주문합니다. 초창기 쇼핑몰 스타트업 같은 경우 모바일을 먼저 출시해서 고객의 반응을 살핍니다. 그 후 피드백을 받아서 점진적으로 웹사이트를 개선합니다. 그래서 다수의 스타트업들이 모바일웹을 중요하게 생각합니다.