이 글의 목차
먼저 알아둘 답
PC용 홈페이지를 모바일 반응형으로 바꾸면 주소와 기능도 바뀌나요?
휴대폰에서도 정보를 읽고 메뉴와 상담 버튼을 쓸 수 있도록 배치를 바꾸는 작업입니다. 기존 화면을 작게 줄이는 것과는 다릅니다. 중요한 글·파일·기능과 페이지 주소를 지키면서 표, 사진과 입력창이 넘치지 않는지 확인하세요.
학원: PC 시간표를 휴대폰에서도 비교할 수 있게
PC의 넓은 시간표를 그대로 줄여서 휴대폰에서는 과목과 시간이 너무 작습니다.
이렇게 바꿔보세요
모바일에서는 과정별로 요일·시간·대상을 세로로 묶거나 표 영역만 이동하며 볼 수 있게 만듭니다. 상담 버튼이 내용을 가리지 않는지도 확인합니다.
반응형은 단순히 화면을 축소하는 것이 아니라 화면 크기에 맞게 읽는 순서를 조정하는 작업입니다.
내 사업에서 확인할 일
자주 보는 시간표·가격표·메뉴를 휴대폰과 태블릿에서 각각 확인하세요.
이 글에 나오는 용어3개 · 뜻과 예시 보기
낯선 용어는 아래 뜻과 예시를 참고하세요.
- 반응형화면 크기에 맞춰 배치가 바뀌는 방식
-
PC, 태블릿, 휴대폰에 맞춰 글·사진·메뉴의 배치를 조정합니다. 단순히 화면 전체를 작게 줄이는 것과 다릅니다.
예를 들면 휴대폰에서는 가로 메뉴를 접고, 여러 칸의 정보를 세로로 배치해 읽기 쉽게 만듭니다.
- CSS글자·색·여백·배치를 정하는 웹 스타일
-
같은 본문을 기기 크기에 맞게 배치하고 읽기 쉽게 표현하는 역할을 합니다.
예를 들면 휴대폰에서 표가 넘치지 않게 배치를 조정하거나 글자를 크게 표시합니다.
- URL페이지나 파일의 전체 인터넷 주소
-
도메인뿐 아니라 하위 페이지 경로도 포함한 주소입니다. 도메인을 유지하더라도 경로를 바꾸면 기존 링크가 끊길 수 있습니다.
예를 들면 jitgo.co.kr은 도메인이고 https://jitgo.co.kr/web/은 홈페이지 제작 안내의 URL입니다.
먼저 알아둘 점: 기존 홈페이지 반응형 전환
PC 고정 폭을 그대로 줄이면 글자가 작아지고 버튼이 겹칠 수 있습니다. 기존 표, 배너, 파일과 상담 기능을 분석해 모바일 배치를 정해야 합니다. 데이터가 있는 페이지는 레이아웃 변경과 서버 기능, 권한 변경을 나누어 최종 확인합니다.
결정 전에 비교할 기준
| 확인할 조건 | 판단과 작업 범위 |
|---|---|
| 정보 우선순위 | 모바일에서도 필요한 가격, 범위, 연락처 유지 |
| 복잡한 화면 | 표, 폼, 영상, 파일의 별도 사용 방식 |
| 이전 조건 | 기존 URL, 검색 정보, 서버 기능 유지 |
직접 확인할 체크리스트
- 작은 폭, 확대 상태에서 핵심 내용이 잘리지 않는지
- 메뉴, 포커스, 입력 오류 안내가 동작하는지
- 전화, 메일, 외부 기능의 실제 연결이 맞는지
- 전환 전후 페이지, 자료 누락이 없는지
이 자료가 있으면 상담이 구체적입니다
- 대표 PC, 모바일 문제 화면
- 기존 주요 주소와 기능
- 고객이 주로 사용하는 기기
YOUR NEXT STEP WITH 짓고 JiTGO
지킬 자산은 지키고, 바꿀 화면은 명확하게.
현재 주소와 콘텐츠, 운영 계정을 확인해 리뉴얼·이전의 범위를 함께 정합니다.
- 기본형 30만 원 · VAT 별도
- 진단·상담 모두 무료
- 계약금·선결제 없이 먼저 제작
- 5일 검토 · 미채택 비용 0원
- 채택·결제 후 원천 소스 · 첫 1년 기본 서버 운영비 포함
최대 20페이지의 소개형 기본 상품에 적용합니다. 도메인·유료 서비스·추가 기능·별도 유지보수는 제외합니다. 완료 안내 다음 날부터 5일 검토하고 무응답은 미채택·비용 0원으로 자동 종료합니다.
무료 선제작 이용조건 ↗ · 고객 자료는 허락 없이 재사용하지 않습니다.