반응형 웹(Responsive Web)을 해야 할까?

230127 ver.

Q. 반응형 웹, 무조건 쫓아야 할까?

항상 정답일 수는 없다. 

두 가지 고려 사항을 살펴본 후, 개발하는 것이 좋다.

 

▶ 1) 기획력과 디자인

- 반응형 웹은 기술만 좋다고 해서 쉽게 완성할 수 있는 것은 아니다. 사용자 경험을 고려해야 하기 문에 기획력과 디자인을 완벽하게 갖춘 후 설계해야 한다.

 

▶ 2) 무시할 수 없는 비용

- 반응형 웹으로 제작할 경우 모바일 웹을 따로 제작하는 것보다 훨씬 많은 비용이 필요할 수 있고, 유지보수도 만만치 않다.

---

1. 참고 도서 & 자료

■ 참고 도서

1. 반응형 웹 페이지 만들기 http://aladin.kr/p/Ayjof

Do it! 반응형 웹 페이지 만들기

■ 참고하면 좋은 자료

1. 미디어 쿼리(https://mediaqueri.es)
   -반응형 웹 소식을 가장 빨리 받아볼 수 있고, 잘 만들어진 반응형 웹 사이트를 만날 수 있는 대표적인 사이트

■ 대표적인 반응형 웹 사이트

1. http://skinnyties.com - 스키니 타이, 넥타이 회사
2. http://www.bostonglobe.com - 보스턴 글로브, 신문 잡지 사이트
3. https://www.joonganggroup.com - 중앙그룹
4. https://www.lahanhotels.com - 라한호텔

---

2. 반응형 웹(Responsive Web) 소개

■ 정의

•  PC, TV, 내비게이션, 스마트 기기 등 기기마다 또는 환경마다 최적화된 웹사이트를 제공해주는 것
• 기기의 화면이나 환경에 맞게 자유자재로 변하는 것'반응하는 웹'

■ 등장이유

모바일 웹이 등장하면서 쾌적한 웹 사용 환경을 접할 수 있었지만, 모바일 기기뿐만 아니라 태블릿 기기, 패블릿 기기 등 여러 기기에서는 최적화된 웹사이트를 제공받을 수 없었다. 그뿐 아니라 PC 버전과 모바일 버전의 웹사이트를 각각 만들게 되면 비용과 시간, 인력을 두 배로 투자해야 했다.이런 문제에 해결하기 위해 2010년 5월 반응형 웹이라는 기술이 등장했다.

■ 배워야 하는 이유

간편한 유지보수, 모바일 버전, 태블릿 버전, 테스크톱 버전 등 모든 디자인을 하나의 HTML 파일과 CSS 파일에서 작업하기 때문에 유지보수가 쉽다.

 

▶ 모바일 점유율의 증가!

인터넷 보급률은 90%, 스마트 기기의 보급률은 70%를 넘는다. 이처럼 모바일로 인터넷을 사용하는 것은 당연한 일이 되었다. 그러므로 PC용 웹 이외에 모바일용 웹을 별도로 만들거나. 빈응형 웹으로 만드는 것은 기본이자 필수라 할 수 있다.

 

▶ 마케팅에 유리

마케팅이란 market(시장) : 매매를 활발하게 만드는 모든 과정을 말한다.

 

웹은 언제, 어디서든 쉽게 접근할 수 있기 때문에 요즘의 마케팅 활동의 최적의 장소는 웹이라 말할 수 있다.

또한 환경이나 기기에 따라 최적화된 구조로 웹 사이트를 보여줄 수 있기 때문에 전달하고자 하는 내용을 잘 전달할 수 있다.

 

▶ 검색 엔진 최적화가 가능!

검색 엔진 최적화(SEO, Search Engine Oprimize) : 포털 사이트 또는 검색 사이트에서 특정 키워드로 검색했을 때 상위권에 나타나도록 관리하는 작업

 

반응형 웹사이트는 하나의 주소와 하나의 파일(HTML)로만 이루어져 있어 검색 결과에 좀 더 잘 노출될 수 있다.

더불어 검색 사이트의 검색 엔진 최적화 방법을 소개하는 문서들에서 반응형 웹사이트 홈페이지를 만드는 것을 권장하고 있고 검색 엔진 최적화 방법 중 하나라고 소개하고 있다.

 

▶ 미래 지향적 기술!

지금처럼 다양한 기기가 출시될 것을 생각한다면 가장 미래 지향적이고, 미래를 준비하는 바람직한 대안이라 할 수 있다.

---