반응형 웹이란?

요즘에 레이아웃에 많이 쓰이는 반응형 웹(Responsive WEB)은

말그대로 반응하여 나타나는 웹의 형태를 뜻한다.

그런데 무엇에 반응한다는 것일까?

반응형 웹들을 디자인할때 디자이너들은 웹브라우저의 가로 사이즈에 반응하여 레이아웃을 구성한다.

이말을 곧 안드로이드 기기 같은 소형 화면과 PC 화면에서도 유동적으로 반응하는 웹을 뜻한다.

반응형 웹을 구축하면 모바일 페이지를 따로 만들 필요가 없고 여러 디바이스에 유연한 대응이 가능하다.

구글과 같은 사이트도 이미 반응형 디자인을 통해 모바일/PC 화면을 구성하고 있다.

현재 당신이 보고있는 이 블로그도 반응형 레이아웃을 사용중이므로 궁금하다면 http://itforme.tistory.com/ 을 모바일로 접속해보길 바란다.

구축시 주의해야 할점은 초기 기획시 순서와 가변될 레이아웃을 잘 정의 하여야한다. 즉 설계자의 설계 능력에 달려있다.

레이아웃의 기혹순서는 큰 화면부터 작은 화면의 순서로 기획하는 것이 좋다. 이유는 화면에 담는 컨텐츠가 비교적으로 적게되면

PC기반의 UI에서 컨텐츠가 부족한 상황이 발생할수 있기 때문이다.

또한 어떠한 화면에서도 Touch 가 가능하게끔 구성해야 한다.

추가로 주의해야 할점이 있다면 너무 큰 이미지파일을 사용하게되면 여러 디바이스가 모두 처리하기 때문에 서버에 부담이 있을수 있으므로

되도록 자제하도록 한다.

반응형 웹속도의 대한 기사의 링크를 걸어두니 참고하길 바란다.

http://www.zdnet.co.kr/news/news_view.asp?artice_id=20141120150114