반응형 Web을 조사 분석 하시오 서론

소개

반응형 Web을 조사 분석 하시오

목차

1.서론
2.본론
3.결론
4.참고자료

본문내용

서론

웹3.0시대의 특징적인 현상하나가 데스크 탑 퍼스널컴퓨터(PC)시대의 이탈과 함께 모바일 시대로의 전환이라고 볼 수 있다, 인터넷 시장 조사 관리기관인 스텟카운터(StatCounter)의 조사에 의하면 2016년 11월에 전 세계 모바일 이용자가 인터넷 이용자를 추월했다고 보고한다.

위 그림에서 알 수 있듯이, 접속 기기별 전 세계 인터넷 접속률을 비교해보면, 모바일 접속률이 PC 접속률을 웃돌며 지속적으로 증가하고 있음을 알 수 있다. 이메일, 메신저, 소셜미디어 등 커뮤니티 서비스뿐 아니라 쇼핑, 은행 등 경제활동에도 모바일 기기를 사용하는 사람이 늘고 있는 것으로 분석된다.
모바일 기기 접속률이 높아지면서 해상도와 크기 경쟁으로 다양한 해상도의 스마트 기기가 등장하기 시작했다. 다양한 해상도의 등장으로 사용자의 관점에서 선택의 폭이 넓어졌다.
그 결과, 지금까지 스마트 기기에서 데스크톱 웹을 기반으로 만들어진 웹 사이트를 최적화하는 것이 중요해졌다. 이에, 모바일 및 데스크톱 환경에서도 일관된 화면 구성과 다양한 해상도 기기에서 정보를 변경하지 않고 하나의 콘텐츠를 확장하는 방법이 고안되고 있으며, 이는 반응형 웹으로 제안되고 있다.
본론에서는 Web 3.0 시대에서 이제는 어색하지 않은 주류로 자리 잡은 반응형 웹에 대한 전반적인 이해를 가지며, 이론적 정의들을 살펴본다.

본론

1. 반응형 웹의 등장 배경과 특징

웹 3.0 시대에는 다양한 스마트 기기의 등장으로 다양한 해상도로 만들어진 웹 레이아웃과 콘텐츠의 문제를 '응답형 웹'이라는 기술로 해결할 수 있다. 데스크톱 PC에서만 접속하던 웹페이지가 이제는 모바일로 접속할 수 있게 됐다. 그러나 모바일로 본 웹페이지의 내용이 줄어들거나 제대로 된 정보가 전달되는 것 같지는 않았다. 이를 개선하기 위해 우리는 모바일에 맞는 새로운 웹페이지를 만들어야 했다.

참고자료

· https://www.w3schools.com/
· https://www.w3schools.com/css/css_grid_item.asp
· https://www.w3schools.com/cssref/pr_grid.asp
· https://web.dev/responsive-web-design-basics/