상담하기
HOME / 홈페이지 제작 / 반응형 홈페이지란
Responsive Guide( Concept · Updated 2026-08-04 )

손님의 화면은 제각각,홈페이지는 한 벌이면 됩니다*

갤럭시, 아이폰, 태블릿, PC. 어디서 열어도 깨지지 않는 것 — 그게 반응형이고, 지금은 선택이 아니라 기본입니다.

Direct
Answer

반응형 홈페이지는 하나의 페이지가 화면 폭에 맞춰 글자·이미지·메뉴를 자동으로 재배치하는 방식입니다. 소상공인 홈페이지 방문의 대부분은 모바일에서 일어나므로, 반응형은 옵션이 아니라 기본값입니다. Remnant 템플릿은 320px 소형 폰부터 PC까지 한 벌로 대응하도록 만들어져 있습니다.

작성일 2026-08-04 · Remnant Studio

반응형 vs 별도 제작

Compare
항목반응형(한 벌)PC·모바일 별도 제작
관리한 곳만 수정하면 끝두 벌 다 수정해야 함
주소하나의 주소m. 주소가 따로 생기기도
검색검색엔진 권장 방식중복·연결 설정 관리 필요
비용1회 제작사실상 2벌 비용

특수한 서비스가 아니라면 반응형이 표준입니다.

반응형이 실제로 하는 일

What it does

글자와 버튼이 손가락 크기에 맞게

PC용 작은 글씨를 폰에서 확대해서 읽게 만들면 손님은 그냥 나갑니다. 터치 영역과 글자 크기가 화면에 맞게 조정됩니다.

메뉴가 햄버거로 접히게

가로 메뉴가 좁은 화면에선 햄버거 버튼과 서랍 메뉴로 바뀝니다. 지금 이 사이트를 폰으로 열어보면 그대로 확인됩니다.

이미지가 비율을 지키며 줄어들게

사진이 찌그러지거나 잘리지 않도록 화면 폭에 따라 비율을 유지하며 재배치됩니다.

내 사이트 반응형 테스트

Self check

폰에서 열기

가로 스크롤이 생기면 실격입니다. 화면 밖으로 삐져나가는 요소가 없는지 보세요.

1분

버튼 눌러보기

전화·카톡·메뉴 버튼이 엄지로 한 번에 눌리는지. 잘못 눌리는 버튼은 이탈 원인입니다.

1분

작은 폰 기준 확인

PC 브라우저 창을 좁혀 320px 수준까지 줄여보세요. 글자 겹침·이미지 깨짐이 있으면 개선 대상입니다.

2분

문제가 보이면

무료 진단으로 리뉴얼 범위를 확인해 드립니다. 홈페이지 리뉴얼에서 신호별 대응을 정리했습니다.

진단

자주 묻는 질문

FAQ
지금 사이트가 반응형인지 어떻게 아나요?

폰에서 열었을 때 확대 없이 읽히고 가로 스크롤이 없으면 대체로 반응형입니다. 위 테스트 3가지로 5분 안에 확인됩니다.

반응형이면 태블릿도 자동으로 되나요?

네. 반응형은 특정 기기가 아니라 화면 폭 기준으로 동작해서, 태블릿·폴더블 같은 중간 크기도 자연스럽게 대응합니다.

반응형 제작은 더 비싼가요?

저희 기준으론 아닙니다. 모든 템플릿이 반응형으로 설계돼 있어 Basic 39만원에 기본 포함입니다.

옛날 사이트를 반응형으로 바꿀 수 있나요?

구조에 따라 부분 수정보다 템플릿 기반 리뉴얼이 빠르고 저렴한 경우가 많습니다. 기존 주소와 검색 이력은 유지하며 이전합니다.

폰으로 열어본 내 사이트,
부끄럽지 않게 만듭니다*

지금 사이트 주소를 보내주시면 모바일에서 깨지는 지점을 무료로 확인해 드립니다.