본문으로 건너뛰기
블로그

웹사이트를 만드는 방법.

기획과 디자인부터 기능 구현, 공개 후 운영까지. 웹사이트를 직접 만들거나 제작을 준비할 때 필요한 방법과 판단 기준을 정리합니다.

전체 23개
# 기획·디자인

좋은 홈페이지의 기준: 첫인상부터 문의·운영까지 6가지

좋은 홈페이지는 첫인상뿐 아니라 정보 이해, 신뢰, 문의 과정, 모바일 사용성, 운영까지 갖춰야 합니다. 예시와 6가지 실전 점검표로 우리 사이트를 살펴보세요.

2026.09.26
# 기획·디자인

홈페이지 첫 화면 구성: 방문자가 바로 이해하는 5가지 요소

홈페이지 첫 화면에 넣을 핵심 문구·이미지·신뢰 근거·버튼을 정리합니다. 같은 브랜드의 히어로 영역 3안과 모바일 점검표로 우리 사이트에 맞는 구성을 선택해보세요.

2026.09.26
# 기획·디자인

홈페이지 사이트맵 만들기: 고객 질문을 메뉴 구조로 바꾸는 방법

회사소개·서비스 메뉴부터 정하기 전에 고객 질문을 모아보세요. 질문을 페이지와 메뉴로 바꾸는 사이트맵 예시, 페이지 분리 기준과 검증 방법을 정리했습니다.

2026.09.26
# 기획·디자인

회사소개·서비스·작업사례 페이지 구성: 각각 무엇을 설득해야 할까?

회사소개, 서비스 소개, 포트폴리오 페이지의 목적과 구성 순서를 비교합니다. 소개 문구를 반복하지 않고 회사의 신뢰·의뢰 범위·제작 근거를 연결하는 방법입니다.

2026.09.26
# 기획·디자인

홈페이지 원고와 디자인, 무엇부터 시작할까? 콘텐츠 준비 순서

홈페이지 원고를 완성한 뒤 디자인해야 할까요? 핵심 내용·와이어프레임·문장 수정의 순서, 원고 길이에 따른 화면 구성과 의뢰 전 준비표를 예시로 설명합니다.

2026.09.26
# 기획·디자인

템플릿·노코드·맞춤 개발 비교: 홈페이지 제작 방식 선택 기준

템플릿, 노코드, 맞춤 개발을 디자인·기능·수정·이전·운영비로 비교합니다. 단순 소개형부터 예약 업무형까지 필요한 조건에 맞춰 제작 방식을 고르는 판단표입니다.

2026.09.26
슬로히어로 블로그홈페이지 기획서 예시
# 기획·디자인

홈페이지 기획서 예시 2종과 바로 쓰는 제작 의뢰 양식

기업 소개형과 예약 문의형 홈페이지 기획서 예시 2종을 제공합니다. 빈 양식, 페이지별 자료 목록, 기능의 입력·처리·결과와 검수 기준까지 정리했습니다.

2026.09.05 발행 · 2026.09.19 정리
슬로히어로 블로그AI 홈페이지 제작
# 개발 실무

AI 홈페이지 제작, 무료로 어디까지 가능할까? 도구 비교와 검수표

AI 홈페이지 제작 도구의 무료·유료 조건과 운영·이전 제약을 공식 자료로 비교합니다. Readdy·Wix·Webflow 선택 기준, 프롬프트와 공개 전 8가지 검수표를 제공합니다.

2026.09.19 발행 · 2026.09.19 정리
슬로히어로 블로그 3D 캐러셀 만들기
# 개발 실무

바이브코딩으로 인터랙티브 웹 만들기 — 나노바나나 이미지 20장으로 끝낸 3D 캐러셀

HTML 파일 1개, three.js 1개. 막히는 지점은 딱 3개였다. 실제 코드와 함께 정리했다.

2026.08.19
슬로히어로 블로그 시크릿 키 숨기는 법
# 개발 실무

Lovable에 토스페이먼츠 붙이기 — 시크릿 키를 프론트에 두지 않는 법

러버블이 만들어준 코드에 시크릿 키가 그대로 박혀 있다면 그대로 열면 안 됩니다. 승인 호출을 Edge Function으로 옮기는 실제 순서.

2026.08.28
슬로히어로 블로그 하단 필수정보 넣기
# 개발 실무

AI 빌더 사이트엔 하단 필수정보 입력란이 없다 — 직접 넣는 순서

채울 칸이 없으니 직접 만들어야 합니다. 신고 면제 기준 확인부터 소스보기 점검까지, AI 빌더 사이트에서만 생기는 자리를 짚었습니다.

2026.08.30
# 운영·이전

홈페이지 리뉴얼 콘텐츠 정리: 남길 페이지·합칠 페이지·삭제할 페이지

홈페이지 리뉴얼 전에 기존 페이지를 보존·수정·통합·삭제로 분류하는 방법입니다. 콘텐츠 정리표와 URL 이동 예시, 공개 전후 SEO 점검 항목을 제공합니다.

2026.09.26
슬로히어로 블로그홈페이지 유지보수 비용
# 운영·이전

홈페이지 유지보수 비용, 월 정액과 건별 수정 중 무엇이 유리할까?

홈페이지 유지보수 비용을 수정 빈도별로 계산합니다. 공개된 건별 요금과 가상 정액 조건을 구분하고, 월별 건수와 이월 여부에 따른 연간 차이를 비교합니다.

2026.09.19 발행 · 2026.09.19 정리
슬로히어로 블로그 소상공인 보안 7가지
# 운영·이전

AI 사이버 공격 시대, 소상공인 홈페이지 점검 7가지

100개 기업의 공동 성명과 국내 침해사고 통계를 근거로, 1인 사업자 사이트가 오늘 바로 확인할 항목을 정리했습니다.

2026.09.02
슬로히어로 블로그 AI 사이트 인수인계
# 운영·이전

AI로 만든 홈페이지 인수인계 — 계정 4개와 따라오지 않는 것들

소유권 버튼 한 번으로 끝나지 않습니다. 빌더·배포·데이터베이스·도메인 네 군데를 넘기는 순서와, 이전해도 안 따라오는 항목들.

2026.08.30
슬로히어로 블로그 위블리 백업하는 법
# 운영·이전

위블리 종료 후 백업 — 12월 26일까지 내 자료 가져오기

위블리 공개 사이트 종료 후에도 2026년 12월 26일까지 계정에서 자료 이전을 진행할 수 있습니다. Download My Data·Archive 경로, 내려받은 파일 점검과 도메인 이전 순서를 정리했습니다.

2026.08.25
슬로히어로 블로그 위블리 이전처 비교
# 운영·이전

위블리 종료 후 이전 — 자료 회수부터 새 홈페이지 연결까지

위블리 종료 후 자료를 먼저 회수하고 새 홈페이지로 옮기는 순서. 계정 접속 종료 전에 확인할 데이터·도메인·이전처 선택 기준을 정리했습니다.

2026.08.28
슬로히어로 블로그 301 걸 자리가 없다
# 운영·이전

위블리 종료, 검색 순위 살리는 법 — 301 걸 자리가 없다

옛 서버가 사라지는 이전에서는 301을 걸 자리가 없습니다. 도메인을 살려 URL을 지키는 방법과 지금 확보해야 할 목록을 정리했습니다.

2026.09.02
슬로히어로 블로그홈페이지 제작 비용
# 비용·의뢰 준비

홈페이지 제작 비용, 같은 5페이지인데 견적이 다른 이유

홈페이지 제작 비용을 공개 상품 조건과 실제 제작 범위로 읽는 방법입니다. 같은 5페이지의 견적이 다른 이유와 첫해 총예산 계산표를 확인하세요.

2026.08.18 발행 · 2026.09.19 정리
슬로히어로 블로그랜딩페이지 제작 비용
# 비용·의뢰 준비

랜딩페이지 제작 비용, 견적에 포함할 7가지와 예산 계산법

랜딩페이지 제작 비용을 원고·디자인·문의·측정·운영비로 나눠 비교합니다. 조건을 명시한 예산 예시, 견적 요청 문장과 오픈 검수표를 제공합니다.

2026.09.19 발행 · 2026.09.19 정리
슬로히어로 블로그홈페이지 제작 기간
# 비용·의뢰 준비

홈페이지 제작 기간, 2주·4주·8주를 가르는 조건과 일정표

홈페이지 제작 기간이 달라지는 자료·기능·검수 조건을 설명합니다. 20영업일 예시 일정표, 지연 계산법과 내려받아 쓰는 오픈 검수표를 확인하세요.

2026.09.15 발행 · 2026.09.19 정리
슬로히어로 블로그홈페이지 제작 견적서
# 비용·의뢰 준비

홈페이지 제작 견적서 비교법, 세 견적을 같은 조건으로 읽는 순서

홈페이지 제작 견적서 3개를 같은 범위로 맞춰 비교하는 방법입니다. 누락 업무와 첫해 운영비를 더한 가상 예시, 빈 비교표와 업체 질문 목록을 제공합니다.

2026.09.19 발행 · 2026.09.19 정리
슬로히어로 블로그홈페이지 리뉴얼 업체
# 비용·의뢰 준비

홈페이지 리뉴얼 업체 선정, 견적 전에 확인할 이관 범위와 비교표

홈페이지 리뉴얼 업체를 고를 때 확인할 계정·자료·주소·운영 이관 범위를 설명합니다. 채워진 업체 비교 예시와 내려받는 이관·검수표를 제공합니다.

2026.09.05 발행 · 2026.09.19 정리