홈페이지 운영팁

인천을 대표하는 IT 기업으로써 고객만족과 기업가치의 극대화를 실현합니다.

홈페이지 상담 문의하기
1566-8667

반응형 웹 / 적응형 웹의 차이점

2021-09-24

반응형 웹 / 적응형 웹의 차이점

 

 

[반응형 웹 / 적응형 웹의 차이점]


요즘은 PC뿐만 아니라 다양한 모바일 기기로 홈페이지를 접속하는 유저들이 많아지는 만큼, 홈페이지를 개발할 때 PC 화면만 개발하기보다 모바일 페이지도 함께 개발하는 경우가 정말 많습니다.
모바일 페이지는 크게 하나의 서버로 PC와 모바일 환경 모두 최적화된 화면을 구현하는 반응형 웹과 PC와 모바일 버전이 각각 따로 존재하는 적응형 웹.
이렇게 2가지로 나누어집니다.


오늘은 '반응형 웹 / 적응형 웹의 차이점'에 대해 알아보겠습니다.


- 웹이란
웹 기반 서비스는 우리가 인터넷을 할 때 흔히 사용하는 크롬, 인터넷 익스플로러, 사파리, 파이어폭스 등의 웹 브라우저를 통해 이용하는 것을 말합니다.
서버에 저장되기 때문에 운영체제에 따라 달라지지 않지만, 브라우저의 종류에 따라 달라질 수 있습니다.
HTML, CSS, Javascript 등을 활용하여 개발합니다.


- 반응형 웹이란
반응형 웹은 1개의 웹사이트에 명령어를 입력하여 브라우저의 크기에 맞게 홈페이지의 크기가 변경되는 방식입니다.
간단한 유지 보수는 적응형에 비해 매우 편리하며, 1개의 웹사이트만 사용하기 때문에 1번만 수정하면 됩니다.


- 적응형 웹이란
적응형 웹은 PC 웹사이트와 모바일 웹 사이트를 따로 개발하는 방식입니다.
2개 혹은 태블릿 PC까지 3개의 홈페이지를 따로 만들다 보니 홈페이지를 수정할 때 모두 수정해야 하는 불편함이 있습니다.


- 차이점
로딩 속도에 차이가 있습니다.
반응형은 웹에 쓰이는 모든 콘텐츠 다운로드, 그 후 현재 해상도에 맞는 화면이 랜딩되어 로딩이 느립니다.
적응형은 사용자 디바이스에 맞는 필요한 콘텐츠만 다운로드한 후 랜딩 되기에 로딩 속도 빠릅니다.


기기 감지에 차이가 있습니다.
반응형은 미디어쿼리(고정된 px값이 아닌 em,rem,%등 가변적인 단위로 작업), 적응형은 서버 또는 브라우저입니다.


홈페이지 개발 시 무조건 반응형이, 적응형이 좋은 게 아니고 각 사이트의 성격에 맞는 방식을 채택하는 게 좋습니다.
반응형 웹은 기업 소개형 사이트나 스토리형 콘텐츠를 담는 홈페이지에서 주로 활용됩니다.


감사합니다.

주소
인천 남동구 선수촌공원로 5, C동 912호
(구월동, 구월테크노밸리)
대표번호
1566-8667
운영시간
평일 오전 9:30 ~ 오후 6:30

사이트 하단 정보

카카오톡 카카오스토리 블로그 인스타그램 페이스북
  • 상호 : 에이디커뮤니케이션
  • 대표 : 우세진
  • 사업자등록번호 : 130-39-21061
  • 고객센터번호 : 1566-8667
  • 팩스 : 02--6924-8414

  • 소프트웨어 사업자 : B11-43345
  • 이메일 : master@ad-com.kr
  • 주소 : 인천 남동구 선수촌공원로 5, C동 912호(구월동, 구월테크노밸리)