최근IT기술동향 소식지

IT기술동향

IT기술동향

목록보기
반응형 홈페이지이란
작성일시 2020-06-11 14:58:00     조회수 83

반응형 홈페이지이란

1. 개요설명
하나의 웹페이지 주소로 모든 스마트 기기에 최적화된 웹페이지를 제공하는 것을 의미하며, 
2010년 에단 마코트(Ethan Marcotte)가 작성한 유동적인 웹페이지를 개발하는 방법을 설명하는 글에서 처음 소개되었다. 

2. 기술적요소
여기에 쓰이는 기술 요소는 
캐스케이딩 스타일 시트3(Cascading Style Sheets3; CCS3) 미디어 쿼리, 유동형 그리드(Fluid Grid), 유동형 이미지(Flexible Images) 등이 있다.
기존의 웹은 디스플레이의 종류에 따라서 크기가 자동적으로 조절이 되지 않는 웹페이지로, 사용자가 원하는 해상도와 크기의 웹페이지를 개발하려면 그 기기에 알맞는 코드가 필요하다. 

즉, 변화를 시켜주는 작업이 필요한 것이다. 
하지만 IT의 발전으로 다양한 사이즈의 스마트 기기가 개발되는 상황에서 모든 스마트 기기에 알맞게 웹페이지를 개발한다는 것은 시간 및 비용 측면에서 매우 비효율적인 일이다. 
이를 해결하기 위한 방법으로 반응형 웹 기술이 주목받게 되었다.

3. 장점
기업 및 개발자의 관점에서는 한 번의 개발, 즉 하나의 소스 코드로 어떠한 기기든지 해당 기기에 알맞게 변환되는 웹페이지를 제공함으로써 초기 개발 비용 및 유지관리 비용의 절감 효과를 가져올 수 있으며, 사용자 입장에서는 어떠한 기기든지 동일한 웹페이지를 제공받을 수 있는 장점이 있다. 
또한 다수의 스마트 기기에서 사용되는 콘텐츠들을 서로 연계시켜, 스마트 기기에 변화가 있더라도 지속적으로 콘텐츠를 제공받을 수 있다.
위 내용은 사전적의미라 조금 알아듣기 애매모호한 점이 있을것이라 생각됩니다.
한마디로 말씀드리면 PC, 태블릿, 모바일 등의 화면에 따라서 홈페이지가 반응하여 자동으로 화면 조정을 합니다.

첫 번째는 일반 PC 화면에서 볼수있고
두 번째는 태블릿 PC 화면에서  볼수있고
세 번재는 모바일 화면에서 볼수있습니다. 모두 소스는 하나입니다

이렇게 어떤 기기에 따라서 화면이 자동으로 반응하여 사이즈를 줄여줬다 늘려줬다 하게 됩니다.

결론
그래서 반응형 홈페이지를 제작하게 되면 모바일 홈페이지를 따로 구축할 필요가 없이 
하나의 홈페이지만 만들면 된다는 말씀입니다.
현재 이지소프트랩 에서 (http://www.easisoft.co.kr ) 반응형으로 홈페이지를 제작서비스를 하고 있습니다
감사합니다


댓글 수 0
작성자
비밀번호
0 / 300
비밀번호를 입력해주세요.