[반응형] 반응형 웹에 대해서

반응형 웹에 등장

모바일 기기가 나오고 모바일 웹이 등장하고,

그 뒤에 계속해서 태블릿, 패블릿 기기 등 여러 사이즈의 기기들이 나오면서

다양한 화면에 최적화된 웹사이트를 제공하기 위해 반응형 웹이 등장하게 되었다.

- 2015년 10월

 

반응형웹이란?

해당 기기 화면이나 환경에 맞게 자유자재로 변하는 것이 반응형 웹이라고 할 수 있다.

해당 사이트에서 다양한 반응형 웹사이트를 만나볼 수 있다.

 

반응형으로 작업해야하는 이유는?

• 유지보수의 간편함
  • 반응형을 구축할 때 작업해봤는데 100% 인정은 할 수 없는 것 같다.
    모바일과 웹의 디자인의 갭이 적었을 때 효과가 좋은듯?
    적응형 사이트도 해봤는데 확실히 적응형보다는 유지보수가 쉬운 건 맞다.
    (적응형은 pc, mo 다 각자 수정해야하고 다 별도로 테스트 해야한다...)
• 모바일 점유율의 증가
• 마케팅의 유리
• 검색엔진 최적화 가능
  • 적응형 홈페이지 경우 mobile 사이트는 m.xxxxx.com, pc 사이트는 xxxxx.com 이렇게 주소가 나뉘는데 주소가 나눠지면 동일한 내용의 웹사이트라도 검색 엔진이 판단할 때 둘 중 어떤 것이 정확한 정보인지 확인하기 힘들어 검색 결과에서 제외된다고 한다. (결과를 상위권에 배치하는 것이 상대적으로 분리해짐)

• 미래 지향적 기술 
  • 다양한 기기가 출시되고 앞으로 어떤 화면의 기기가 나올지 모르기 때문에 반응형 웹은 웹 기술 중 가장 미래 지향적

📌 그럼 항상 반응형 웹이 옳은 것인가?
위에 써있듯이 mo, pc의 디자인과 기획이 너무 다르다면 반응형 웹으로 만들기 무리가 있음. (쓸데없는 코드와 css들이 많아진다...) 확실히 pc와 mo 각각 작업하는 것보다 초기에 시간과 비용이 더 많이 드는 것 같다. 

하지만 이부분도 디자인과 기획 -> 즉 디자인의 복잡도와 기능에 따라 반응형의 난이도도 달라지는 것 같다.
자기 프로젝트에 적응형 / 반응형 뭐가 더 잘 맞는지 고민해보고 작업을 해야할 듯

---

반응형 웹 참고할 만한 사이트들

지디웹 반응형 탭에 확인해보면 다양한 반응형 웹사이트들을 확인해볼 수 있다. (그 외 사이트들도 엄청 많음)

http://www.gdweb.co.kr

 

The Boston Globe

 

중앙그룹