워드프레스 홈페이지 제작 • 반응형 • 아임웹

웹사이트 적응형이란? 적응형 웹의 뜻과 장/단점 알아보기

안녕하세요. 홈페이지 제작 전문 웹에이전시 랩스튜디오 입니다. 웹사이트를 제작하기 위해서는 결정해야하는 것들이 굉장히 많습니다. 마치 결혼준비를 하듯 모든 과정이 선택의 연속입니다. 그 중 많은 분들이 어려워 하시는 부분 중 하나가 '반응형 웹', '적응형 웹' 입니다. 오늘은 그중에 ' 적응형 웹 ' 에 대해 자세히 알려드리도록 도와드리겠습니다. ▶ 적응형 웹이란? 웹페이지를 PC버전, 모바일버전을 나누어 제작한 후 사용자가 접속한 디바이스 (PC,Tablet,Mobile)에 따라 각각 다른 페이지를 보여주는 형태를 말합니다. 해상도가 아닌 '디바이스'로 구분하기 때문에, 브라우저 창을 줄여도 반응하지 않습니다. pc에서 모바일 사이즈로 창을 줄인 형태가 아닌, 모바일기기로 접속할 경우 M 버전 홈페이지를 보여주는 방식입니다. 네이버에서는 적응형 웹을 사용하고 있습니다. PC버전에서 창을 줄이더라도 대응되지 않고, 창이 일정수준 이상 작아지면 '모바일 버전으로 보기' 버튼을 하단에 노출시켜 모바일 버전을 따로 불러오게 했습니다. 이처럼 적응형으로 제작되는 경우에는 [ PC버전으로 보기 / M버전 ]으로 보기 등의 기능이 가능합니다. 반응형의 경우 PC이건 M이건 같은 페이지를 불러와서 해상도별로 다르게 보여주는 방식이라면, 적응형의 경우에는 PC일때는 PC페이지만, 모바일일때는 모바일페이지만 불러옵니다. 때문에 PC와 M의 구성이 거의 유사할 경우에는 반응형을 추천드리며, PC와 모바일을 아예 다른 구성으로 웹페이지를 보여줘야 할 때에는 적응형으로 제작을 추천드립니다. 네이버의 경우 모바일버전 페이지를 반응형으로 제작하였습니다. 신기하죠? 아마 태블릿에서도 쓰기 위해 이렇게 구조화하지 않았을까 싶습니다 :) ▶ 적응형 웹의 장점은? 디바이스에 따라 버전에 맞는 페이지만 불러오기 때문에 속도가 더 빠를 수 있습니다. PC와는 아예 다른 구조로 모바일 버전을 제작할 수 있어 홈페이지 제작 시 기능상의 제약이 적습니다. ▶ 적응형 웹의 단점은? 창을 줄였을 때 잘리는 부분들은 브라우저 가로 스크롤 등을 이용하여 확인해야 하므로 때에 따라 불편할 수 있습니다. 모바일 버전을 하나 더 만들어야하므로 작업 비용이나 기간이 더 소요될 수 있습니다. 여기까지 ' 적응형형 웹 ' 의 뜻과 장/단점 이였습니다. 다른 궁금증이 있으시다면 언제든 블로그글에 댓글 남겨주세요! 앞으로도 좋은 정보 많이 가져오도록 하겠습니다. 감사합니다. *해당 글은 테스트용 글입니다. 자세한 내용은 아래 출처를 클릭하시어 확인 해주세요! [출처] 웹사이트 반응형과 적응형, 어떤 차이점이 있을까?|작성자 랩스튜디오