반응형 웹(RWD, Responsive Web Design)이란?
사용자의 사용환경과 행동패턴에 유기적이고 적절하게 반응하는 웹요소들에 대한 총체적 디자인을 말합니다. 협의적 관점에서 본다면 Screen Size, Resolution, Orientation 등 사용 단만환경에 반응하여 웹페이지를 제공하는 것이라 할 수있습니다.즉, 화면 너비에 따라 유동적으로 변하는 유동형 레이아웃과 유연한 이미지 그리고 미디어쿼라가 어우러져서 특정 환경에 최적화 된 방법이 아니라 환경에 반응하여 스스로 적응 하는 방법입니다. 반응형 웹은 % 단위를 사용 하여 각 디자인의 폭에 유동적으로 반응하여 컨텐츠의 크기가 줄거나 커지고 오브젝트에 배령이 달라지기도 합니다.
적응형웹(AWD, Adaptive Web Design)이란?
적응형은 몇 개의 해상도를 정의하여 CSS코딩시 브라우저가 범위 사이즈에 속하면 그에 따라 정의된 스타일로 표현 합니다. 적응형 웹은 PX단위를 사용하여 각 디바이스마다 라기 보다는 정해진 해상도에 적응된 형태로 화면에 그려집니다.
이미지를 보면 쉽게 이해 할 수 있습니다.
** 검색앤진 참조 **
'작업 일지 > 웹접근성' 카테고리의 다른 글
| 커스텀 Input 컴포넌트의 라벨 연결 오류 와 해 (0) | 2025.06.12 |
|---|---|
| IR(Image Replacement) (0) | 2024.03.11 |
| 버튼 / TAB aria 속성 (0) | 2024.03.06 |
| 웹 접근성 키보드 포커스 처리 (0) | 2024.03.05 |
| 탭 UL 접근성 (0) | 2024.02.27 |