본문 바로가기
용어와 개념들

반응형 웹 뜻과 적응형 웹 개념

by 미스터케이티취미 2023. 12. 15.
반응형

 

 

 

반응형 웹과 적응형 웹 개념에 대한 이해

반응형 웹
반응형 웹

 

 

 

반응형 웹과 적응형 웹에 대해서 알아보아요.

 

 

반응형 웹(Responsive Web)은 웹사이트(Website)에 대한 해상도나 화면 크기에 따라 반응하여 자동으로 화면이 구성되는 기술을 의미해요. 이에 반해 적응형 웹(Responsive Web)은 사용자가 보는 화면의 해상도나 화면의 크기에 따라 조정되지 않고 종류별로 적합한 최적의 코드를 미리 준비해야 하는 방식입니다.

 

반응형 웹과 적응형 웹의 뜻과 개념에 대해서는 아래 버튼을 통해서 내용을 먼저 확인해주세요.

 

 

반응형 웹>

 

 

 

 

 

 

반응형 웹(Resoponsive Web)은 스마트폰과 모바일과 같이 다양한 화면 크기를 가진 디스플레이의 특징에 따라서 웹사이트의 웹페이지 UX/UI 화면이 자동으로 조정되는 기술입니다. 반응형 웹 기술을 구현하기 위해서 CSS3 미디어 쿼리와 유동형 이미지 기술, 유동형 그리드 기술이 적용됩니다. 따라서 모든 스마트폰과 탲블릿 PC의 각양각색의 화면 사이즈와 해상도에 모두 맞춰지는 형태가 됩니다.

 

 

 

반응형 웹
반응형 웹

 

 

 

 

적응형 웹(Adaptive Web)은 디바이스의 디스플레이의 종류와 화면에 맞춰서 여러 벌의 코드를 미리 사전에 준비해야 하는 방식입니다. 여러 벌의 코드를 미리 사전에 잘 준비해놓는다면 미리 고려된 화면 해상도와 화면 크기에 대해서는 최적화된 맞춤형 화면을 제공할 수 있다는 점이 가장 큰 장점입니다. 하지만 미리 고려된 해상도와 화면이 아닌 경우에는 화면이 사용자에게 이상하게 보여질 수 있는 단점이 있습니다.

 

 

 

 

 

 

 

이러한 특징으로 인해서 반응형 웹이 더 우수하다고 오해할 수 있지만 반드시 그런 것만은 아닙니다.

 

반응형 웹일지라고 하더라도 복잡한 화면의 경우 부자연스럽게 보여질 수 있습니다. 이러한 경우 적응형 웹에서 해당 복잡한 화면에 대해서 고려하여 UX/UI에 맞춘 화면일 경우 반응형 웹은 부자연스러워 보이더라도 적응형 웹은 자연스럽게 보여질 수 있습니다.

 

따라서 복잡한 화면이 아니라 이미지 위주의 웹사이트인 기업 브랜드 홈페이지일 경우에는 반응형 웹 방식이 적합하지만 복잡한 화면과 복잡한 프로세스로 구성되는 기능 위주의 금융 분야 웹사이트나 전자상거래 웹사이트의 경우 반응형 웹 방식 보다는 적응형 웹 방식이 더 적합합니다.

 

즉, 웹사이트의 상황과 목적, 분야에 맞게 반응형 웹 또는 적응형 웹 중 선택해서 구축해야 합니다.

 

 

 

 

도메인(Domain) 의미 알아보기

도메인 의미에 대한 설명 도메인의 의미에 대해서 이야기해보아요. 도메인(Domain)의 의미는 홈페이지를 대표하는 한 개의 인터넷 주소입니다. 도메인의 경우 홈페이지의 이름으로 활용되는데 실

hobby.ktpbestlife.com

 

 

 

반응형 웹
반응형 웹

반응형