1. Responsive Web 반응형 웹
- 적응형 웹 : 서버 사이드에서 클라이언트의 정보를 미리 받아 해당 조건별로 정해진 화면을 보여준다. 즉, 클라이언트가 모바일인지 웹인지를 파악해서 리소스를 선택하고 그에 맞는 화면을 나타내주는 형태이다. (예. 모바일에서 www.naver.com 입력 하면 m.naver.com으로 자동 전환된다.)
- 반응형 웹 : 같은 페이지 리소스를 가져와도 해당 페이지의 크기에 따라서 다르게 보인다.
1. 반응형 웹 기술
- Viewport 뷰포트 : 다양한 장비의 width를 같은 너비 기준으로 렌더링한다.
- Media Query 미디어 쿼리
※ 참고 : https://www.samsungsds.com/global/ko/support/insights/Responsive_web_1.html