답변
정의부터 정리하면, 반응형 홈페이지(반응형 웹디자인, Responsive Web Design)는 하나의 HTML·CSS 코드베이스로 만들어졌으면서도, 방문자가 접속한 화면(기기)의 가로 폭에 따라 레이아웃·글자 크기·이미지 배치가 자동으로 재구성되는 웹사이트 제작 방식입니다 — PC용 사이트와 모바일용 사이트를 별도로 만드는 '적응형(어댑티브)' 방식과 구분됩니다. 기술적으로는 CSS의 '미디어쿼리(media query)' 기능으로 작동합니다. 화면 너비 등 조건에 따라 다른 스타일 규칙을 적용해, 같은 HTML 구조라도 화면 크기별로 다르게 배치·표시되도록 만드는 방식입니다. 왜 필요하냐면, 국내외를 막론하고 웹사이트 방문 트래픽에서 모바일 기기가 차지하는 비중이 데스크톱보다 높은 것이 최근 수년간의 일반적 추세로 알려져 있습니다 — 이 모바일 방문자에게도 깨지지 않는 레이아웃과 읽기 편한 화면을 제공해야 하기 때문입니다. 검색엔진 관점에서도 이점이 있습니다. 구글은 모바일 우선 색인(Mobile-First Indexing) 정책을 운영해, 검색 순위를 매길 때 데스크톱 버전이 아니라 모바일 버전 페이지를 기준으로 콘텐츠를 평가합니다 — 반응형 홈페이지는 PC·모바일이 같은 URL·같은 콘텐츠를 공유하므로, 이 정책 아래에서 SEO 관리가 상대적으로 단순해진다는 게 업계의 공통된 설명입니다. 운영 관점에서도 유리합니다. 코드베이스가 하나이므로, PC용과 모바일용 사이트를 별도로 만드는 방식보다 콘텐츠·디자인을 수정할 때 한 곳만 고치면 모든 기기에 동시에 반영된다는 유지보수 효율성이 실무에서 흔히 언급되는 장점입니다.