[코딩 공부_03] 모바일 웹과 반응형 웹이란 무엇일까?

요번 두번째 수업에서 배웠던 내용을 기준으로 공부 해보도록 하겠다!!🤗

나는 쉬는 걸 못하는 사람😅이라서 뭐라도 공부하려고 노력한다..

안하면 불안해서 자꾸만 끄적이게 된다😥 (안그러고 싶다..)

그래서 오늘은 실제로 만들어진 웹 사이트를 보면서 모바일 웹과 반응형 웹에 대해 비교해보겠다.🧐

---

우리는 컴퓨터, 태블릿, 스마트폰과 같은 전자기기를 이용하여 웹을 본다.

이와 같은 전자기기의 크기는 다양하기 때문에 그에 맞게 최적화된 웹을 제작할 필요가 생겼다. 

그래서 사람들은 다양한 방법을 고안하게 되었고 그 방법이 바로 "모바일 웹"과 "반응형 웹"이다.

 

 

①  모바일 웹 이란?

- PC용 웹사이트와 모바일용 웹사이트를 따로 제작하여 사용자들에게 최적화된 웹을 제공한다. 

보통, PC용 웹사이트가 존재하고 있는 상태에서 모바일용 웹사이트(+어플)를 추가로 개발하는 경우가 많다.

대표적으로 NAVER에서 PC버전과 모바일 버전으로 웹을 따로 제작하여 사용자들에게 제공하고 있다. 

PC버전은 www.naver.com / 모바일버전은 m.naver.com으로, 같은 콘텐츠를 담고 있는 웹사이트이지만 다른 URL을 가지고 있다.

* 모바일 웹에 적합한 사이트 : 동적인 기능, 고정적이지 않고 방대한 양의 컨텐츠를 갖고 있는 사이트 

   ex) 인터넷 쇼핑몰, 대형 포털 사이트...등

 

 

 

②  반응형 웹 이란?

- 한 가지의 웹사이트로 다양한 종류의 기기를 최적화하여 보여주는 웹을 말한다. 정확하게 이야기하자면 반응형 웹은 웹의 해상도, 레이아웃 등이 스크린 환경에 따라 저절로 반응하여 변환되는 웹페이지이다.

그렇기 때문에 웹페이지의 크기를 최대화하고 최소화했을 때에 따라 반응하여 변화하게 된다.

대표적으로 애플(https://www.apple.com/kr)의 사이트가 있다.

* 반응형 웹에 적합한 사이트 : 정적인 기능, 고정적인 형태의 컨텐츠를 갖고 있는 사이트

   ex) 블로그, 회사소개 페이지, 커뮤니티...등

 

 

 

---

오늘은 모바일 웹과 반응형 웹에 대해 알아보았다.

나는 반응형 웹이면 다 좋다고 생각했는데 사이트에 따라 모바일 웹/반응형 웹이 나뉜다는 부분을 처음 알게 되었다.

많은 사람들이 편리한 웹 세상을 만들기 위해 고심해서 제작한다는 것도 알게 되어 좋았다!🙂

 

출처>>

모바일 웹과 반응형 웹 비교 - Wishket