반응형 웹 디자인 이란?
PC 혹은 모바일 태블릿 등등의 여러 기기로 접속을 하더라도
그 기기의 브라우저 크기에 알맞게 화면을 보여주는 것을 말합니다.
조금 더 S/W 적으로 이야기하자면 각 화면에 맞는 레이아웃을 자동으로 바꾸어주는 디자인을 의미합니다.
반응형 웹 디자인의 예시는 하기와 같습니다. 같은 웹 페이지더라도 PC와 모바일 환경에 따라 다르게 보여주고 있습니다.
이게 바로 반응형 웹 페이지 입니다. 별거 없죠 ^^
반응형 웹 디자인은 개발시
기기별 웹 문서를 개발하는 것이 아니라 HTML로 웹 폼을 만들고, CSS로 스타일을 적용해서 화면을 디자인하게 됩니다.
이게 바로, 웹 개발을 공부할 때 HTML5와 CSS를 구분해서 학습하는 이유이기도 합니다.
반응형 웹 디자인 뜻에 대해서 알아보았습니다.
감사합니다.
반응형
'IT Tip' 카테고리의 다른 글
이미지를 텍스트로 변환 하는 방법(무료 웹사이트) (2) | 2022.11.12 |
---|---|
이미지 파일을 텍스트로 변환하는 방법(구글 드라이브 활용) (1) | 2022.11.11 |
다음 검색에 노출이 안될때 해결방법 (2) | 2022.10.28 |
부동산 중개업 조회 서비스 (2) | 2022.10.24 |
사진 컬러 값 가져오는 웹 사이트 (4) | 2022.10.21 |
댓글