1. 뷰포트(viewport) 란? 사용자가 웹 페이지를 볼 때 화면에 표시되는 영역을 의미합니다. 모바일 기기에서는 특히 중요하며, 반응형 디자인 및 모바일 친화적인 경험을 구현하는 데 사용됩니다. 위의 코드는 반응형 페이지 제작시 설정하는 예제입니다. width=device-width : 이 설정은 기기의 화면 너비를 웹 페이지의 너비로 사용하도록 지정합니다. initial-scale=1.0 : 이 설정은 페이지가 처음 로드될 때 초기 배율을 1.0으로 설정합니다. 이는 사용자가 페이지를 처음 열었을 때 기본 배율로 표시되도록 합니다. maximum-scale : 사용자가 확대할 수 있는 최대 배율을 제어합니다. minimum-scale : 사용자가 축소할 수 있는 최소 배율을 제어합니다. user-..