티스토리 뷰

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

반응형 웹 무엇인가? 장점 및 만들기

반응형 웹 무엇인가? 장점 및 만들기

반응형 웹 무엇인가? 장점 및 만들기



반응형 웹이란?


최근에 반응형 웹이란 이야기들을 많이들 한다. 기존에 홈페이지가 있든 새롭게 홈페이지를 만들게 되든


시대에 맞게 홈페이지를 만들어야 한다는 생각을 가지게 되므로 주목받게 되는 웹기술이다. 뭐 특별한건


없다 반응형 웹(Responsive Web) 단어의 뜻에서도 알 수 있듯이 웹이 반응한다는 이야기인데 무었에 반응


을 할까? 바로 브라우저의 창 크기에 반응한다는 말이다. 그럼 이게 왜 필요할까?


반응형 웹 무엇인가? 장점 및 만들기



2007년 이후 스마트폰 모바일 기기가 세상에 선을 보이면서 모바일의 특성상 화면 사이즈가 PC 와는 다르므로


웹페이지 접속시 화면 사이즈가 모바일 크기로 축서되어 보인다는 점이다. 그래서 등장한 것이 바로 반응형웹이다.


모바일, 테블릿등의 사이즈에 맞게 홈페이지를 따로 구축을 해서 화면에 맞출수도 있지만, 하나의 


홈페이지개발로 각 기기별 사이즈가 자동적으로 조절되도록 코딩을 한다면 좋겠다는 생각에서 나온 기술이다.


그럼 이렇게 개발된 반응형 웹이 어떻게 구현되어 화면에 노출이 되는지 확인해보자.



반응형 웹 무엇인가? 장점 및 만들기







왜 반응형 웹으로 만들어야 하나?


1 유시보수가 간편하다.


모바일 버젼과 pc 버전의 홈페이지 프로그램이 하나의 사이트로 개발이 되고 유지보수 또한 한곳에서 처리할 수 있다.


2 마케팅에 유리하다.


하나의 홈페이지로 마케팅을 할 수 있다. 만일 모바일과 피시버젼의 사이트로 개발이 되었다면 두 사이트 모두 마케팅에 필요한 노력과


비용을 지불해야 할것이다.


3 검색엔진 최적화 SEO


검색엔진이 도메인이 두개로 나누어진 사이트보다 하나의 도메인으로 운영되는 사이트 일수록 검색에 상위에 노출되거나 제외되지 


않는다.




※ 반응형 웹이 만능은 아니다 . 아무리 좋은 것도 내가 운영하려는 사이트에 맞느냐가 중요할것이다. 운영하는 사이트가 제품의 노출이 


많거나 쇼핑몰과 같은 경우라면 반응형 사이트롤 적용하는게 맞을지 한번 고려야 봐야 할것이다. 


반응형 웹을 만들기 위한 방법과 기술등은 다음 포스팅에서 진행해보려고 한다.



이글이 도움이 되셨다면 아래에 로그인이 필요없는 공감 버튼을 클릭해주세요 ^^


댓글