반응형 웹

반응형 웹

기기마다 또는 환경마다 최적화된 웹사이트를 제공

모바일 점유율이 증가하면서 모바일로 인터넷을 사용하는 것이 당연해졌습니다.

모바일 웹 또는 반응형 웹을 만들어야하는 것이 기본이 됐습니다.

---

장점

1. 유지보수가 간편하다.

모바일 웹과  데스크톱 웹, 2개의 웹사이트를 만들게 되면 추가, 수정시 둘 다를 수정해야하지만

반응형 웹 경우 하나의 html와 css에서 작업하기 때문입니다.

2. 마케팅에 유리하다.

환경이나 기기에 따라 최적화된 구조로 웹사이트를 변경하여 보여줄 수 있끼 때문에 전달하고자 하는 내용을 확실하게 전달이 가능합니다.

3. 검색 엔진 최적화(SEO - Search Engine Optimize)

(검색 엔진 -> 특정 키워드로 검색시 겸색 결과에서 상위권에 나타나도록 관리)

모바일 웹 사이트의 경우 주소 : m.xxx.com

데스크톱 웹 사이트의 경우 주소 : xxx.com

주소가 두 가지로 나눠지면 동일한 내용의 웹사이트라도 검색 엔진이 판단할 때는 

둘 중에 어떠한 주소의 정보가 정확한 정보인지 확인하기 힘들어서 검색 결과에서 제외를 시킵니다. 

즉 검색 결과를 상위권에 배치하는 것이 상대적으로 불리합니다.

(https://support.google.com/webmasters/answer/7451184?hl=ko)

4. 미래 지향적 기술

다양한 기기가 출시될 것이고 앞으로 어떤 화면의 기기가 나올지 모르는 상황에서 가장 미래 지향적입니다.

---

미디어 쿼리(Media Queries)

화면의 크기와 환경 감지 및 웹 사이트를 변경하는 기술

미디어쿼리만으로 스마트 기기에서 화면의 크기를 정확하게 감지하지 못한다.

---

뷰포트(Viewport)

화면에 보이는 영역을 제어하는 기술

화면 감지

---

플렉서블 박스(Flexible Box)

 가변적인 박스를 만드는 기술

웹사이트의 구조 설계를 위한 기술