CSS

[CSS] 반응형 웹이란? (장점)

ITSkeleton 2020. 7. 17. 23:05
728x90
반응형

반응형 웹이 등장한 배경은 다음과 같습니다.

 

스마트폰, 태블릿PC가 세상에 등장하면서 우리는 컴퓨터를 보는 시간보다 스마트폰을 보는 시간이 늘어났습니다.

 

그에 따라 웹페이지들은 휴대폰에도 사이즈를 지원해야했고 기존의 웹은 스마트폰에 맞지 않았습니다. 때문에 페이지를

 

모바일용으로 따로 제작해야하는 번거로움이 생겨나기 시작했고 이를 해결하기 위하여 나온것이 반응형 웹입니다.

 

반응형 웹은 PC, 태블릿, 모바일 등 다양한 사이즈에 최적화된 웹사이트를 제공해줍니다.

 

그렇다면 굳이 반응형을 써야하는 이유가 뭘까?

  1. 유지보수
  2. 모바일 점유율
  3. 마케팅
  4. 검색엔진
  5. 미래 지향적

크게 5가지로 볼 수 있습니다.

 

유지보수

PC버전, 모바일 버전 이렇게 두가지를 관리하고 수정해야했지만, 반응형 웹은 모든 버전을 하나의 HTML과 CSS로 관리 수정 할 수 있기때문에 유지보수에 유리합니다.

모바일 점유율

요즘 길을 걸어가다보면 스마트폰을 사용하지 않는 사람을 보기 힘들정도로 스마트폰이 많이 보급되어있습니다.

이전까지는 선택이였지만 이제 반응형 웹은 필수가 되었습니다.

마케팅

PC보다 스마트폰을 많이 보는 요즘.

웹페이지가 모바일을 지원해주지 않는다면 누가 해당 웹페이지를 보려고 할까요? 모바일에서 PC화면이 나온다면 누구든지 뒤로가기를 누르게 될것입니다.

반응형은 모바일 사이즈를 자동으로 잡아서 해주기때문에 고객을 잃을 걱정을 하지 않아도 되는것이죠!

검색엔진

버전이 나뉘어져있다면 검색엔진에 최적화 되기가 쉽지 않습니다.

주소로 살짝 알아보자면

m.xxx.com  모바일 페이지를 만들고

xxx.com PC페이지를 만들고 이렇게 된다면 검색엔진이 판단할때에는 둘정 어떠한 주소의 정보가 정확한 정보인지 확인하기 힘들어 검색 결과에서 제외시켜 버립니다. 그럼 고객의 유입이 현저히 떨어지겠죠?

미래 지향적

스마트 시장은 점점 커지고 있습니다. 휘어지는 디스플레이가 나오기 시작했고, 냉장고에도 화면이 나오고 자동차, 프린터, 화장실까지 없는 곳이 없습니다. 따라서 사용할 수 있는 곳이 많지요!

728x90
반응형