풀스크래치 웹사이트란? 의미와 AI로 만들어 실현할 수 있는 7가지
풀스크래치 웹사이트란 템플릿을 쓰지 않고 제로에서 설계해, SEO·폼과 메일·CMS·계측·감시까지 하나로 만든 사이트를 말합니다. 용어의 의미, 실현할 수 있는 7가지, Webflow와의 차이, AI로 만들 경우의 비용과 기간을 정리했습니다.
더 읽기 Journal.
기술 블로그
Webflow 해설 글을 계속 써 온 것이 Webharu의 원점입니다. 사용법의 기초부터 MCP와 바이브 코딩 같은 AI 활용의 최전선까지, 현장에서 얻은 지식을 그대로 공개합니다.
누적 조회수 19만 회 이상(2021년 11월 측정 시작 이후 · GA4 실측)
![풀스크래치와 풀스택의 차이 | 어느 쪽으로 만들어야 할까 [가격·기간·맞는 사업]](/assets/posts/thumb-full-scratch-vs-fullstack.avif?v=2b619e52)
풀스크래치와 풀스택의 차이 | 어느 쪽으로 만들어야 할까 [가격·기간·맞는 사업]
풀스크래치(제로부터 설계하는 보여 주는 사이트·¥1,000,000〜)와 풀스택(회원·예약·결제까지 움직이는 사이트·¥2,500,000〜)의 차이를 가격·기간·납품처·맞는 사업으로 비교합니다. 5가지 질문으로 어느 쪽이 필요한지 판정할 수 있습니다.
더 읽기
AI 에이전트와 사내 시스템을 연동하는 3가지 방법 | 안전 설계와 비용
AI 에이전트와 사내 시스템을 연결하는 방법은 API 연동·CLI 툴·MCP 서버의 3가지입니다. 자사 SaaS 2개에서 MCP를 실제 운영하는 입장에서, 구분해 쓰는 법과 “AI에 전권을 주지 않는” 안전 설계, 읽기 전용부터 시작하는 3단계와 비용을 정리했습니다.
더 읽기
AI 홈페이지 제작 비용은 ¥1,000,000부터 | 납품물을 전부 공개【2026】
AI 홈페이지 제작 비용을 실제 요금으로 공개합니다. Webharu는 ¥1,000,000부터로 풀스크래치와 같은 금액이며, AI라서 저렴해지지는 않습니다. 포함되는 납품물, 추가 비용, 유지비가 연 1,500엔이 된 실제 이야기까지 씁니다.
더 읽기
SaaS MCP 연동, 구현의 정형 5가지: 자사 제품 2개를 프로덕션에서 돌려 굳힌 결과
SaaS의 MCP 연동은 기존 REST API 위에 얇은 MCP 계층을 더하는 구성만으로 시작할 수 있습니다. 자사 CMS(8개 툴)와 메일 API를 프로덕션에서 운영하며 굳어진 툴의 세분성·2단계 발송·키의 실효까지 5가지 정형과, 설계에서 멈춘 판단을 적었습니다.
더 읽기
MCP 서버 개발 비용 시세 | 외주 전에 물어볼 5항목과 저희 요금
MCP 서버 개발 비용 시세는 일본 국내 API 연계 개발로 100만~1,000만 엔 이상(2026년 시점). 자사 SaaS 2개에서 프로덕션 운영 중인 Webharu의 요금(250만 엔부터·세금 별도)과 외주 전에 개발 회사에 물어볼 5항목을 정리했습니다.
더 읽기
GA4로 실측한 ChatGPT 유입 | 월 12→54세션 추이와 확인법
ChatGPT 유입은 GA4의 참조 소스 chatgpt.com으로 확인할 수 있습니다. 자사 사이트에서는 2026년 8월 12세션이 9월에는 54세션이 되었습니다. GA4 확인 방법과, 63개 글에 일괄 구현한 AI 검색 대응 방안을 공개합니다.
더 읽기
Ahrefs 사이트 감사(Site Audit) 사용법 | 무료판으로 건전성 6→98
Ahrefs의 사이트 감사(Site Audit)는 무료 Ahrefs Webmaster Tools로 자신의 사이트라면 쓸 수 있습니다. 등록·소유권 확인·크롤링 절차와 건전성 점수를 보는 법, 6→98로 만든 고치는 법을 자사의 실측으로 해설합니다.
더 읽기
AI로 만든 사이트는 SEO에 약할까? 회사 사이트 리뉴얼 후 검색 실측
AI로 만든 사이트는 SEO에 약할까요. 회사 사이트를 AI로 다시 만든 뒤의 Search Console 실측으로 검증합니다. 다음 날의 인덱스 유지율, 간판 키워드의 순위, 63개 글 일괄 구현과 AI 경유 유입의 추이까지 공개합니다.
더 읽기
AI 홈페이지 만들기, 해 본 솔직한 이야기 | 세 가지 툴을 써 본 제작 회사의 결론
Webflow 전문 제작 회사가 자사 사이트를 AI(Claude Code)로 7일 만에 다시 만들고, Figma Make와 Webflow AI도 사용해 본 솔직한 리뷰. 운영비와 SEO의 실측, 막혔던 점, 툴 구분까지 적습니다.
더 읽기
구독형 홈페이지의 단점 | 해지 비용 시세와 월 980엔의 정체
구독형 홈페이지의 단점은 그만둘 때 가장 많은 돈이 든다는 것입니다. 해지 비용 시세 10만~30만 엔, 홈페이지 월 요금 시세, 월 980엔으로는 회수에 17년이 걸린다는 계산, 계약 전 총액 계산식과 4가지 질문까지 동종 업계의 제작 회사가 썼습니다.
더 읽기
Claude Code(클로드 코드) 사이트 제작 | 26페이지를 3일에 구축한 5단계
Claude Code로 홈페이지를 만드는 순서를, 자사 사이트 26페이지를 구축 3일(기획 포함 7일)에 만든 실록을 바탕으로 기획 → 설계 → 구축 → 검증 → 공개의 5단계로 나눠 정리했습니다. Astro와 Cloudflare를 고른 이유, 사람이 판단하는 부분, 공개 후의 운영까지.
더 읽기
Webflow 제작사 선택법 | 의뢰 비용과 견적에서 볼 5가지【동종 업체가 해설】
Webflow 제작사의 선택법은 금액보다 “누가 만드는가·매년의 사이트 플랜 비용·CMS 설계·인수인계·실적의 내용” 5가지로 결정됩니다. 의뢰 비용의 기준, 개인과 회사의 차이, 발주 전에 그대로 쓸 수 있는 질문까지 동종 업체 대표가 썼습니다.
더 읽기
Webflow 총 비용은 얼마일까 | 2026년 새 요금과 실비【최신】
2026년 5월 개정된 Webflow 새 요금(Starter 무료/Basic $15/Premium $25)에 제작비·운영비를 더한 총액 견적 내는 법. 제 실비(연 $576≒8.3만 엔)도 공개합니다.
더 읽기
Webflow STUDIO 비교 | 요금·CMS 차이와 어느 쪽을 고를까【2026】
Webflow와 STUDIO를 요금(2026년 10월 2일 공식 페이지에서 확인)·디자인 자유도·CMS·다국어·코드 출력으로 비교했습니다. Webflow 전문 6년의 제작사가 어느 쪽을 고를지의 기준과 2026년의 제3의 선택지까지 정리했습니다.
더 읽기
GA4로 문의를 전환으로 측정하기 | 홈페이지 KPI는 5개뿐
GA4에서 문의를 전환으로 세려면 전송 완료 이벤트를 키 이벤트로 등록합니다. 자사의 generate_lead를 만든 방법과 bot으로 숫자가 오염된 실례, 매달 30분에 보는 홈페이지 KPI 5가지를 해설합니다.
더 읽기
중소기업 홈페이지 제작의 실패 3가지 | 발주 전 준비와 기간의 기준【2026】
중소기업 홈페이지 제작의 실패는 준비 부족·확인 대기로 기간이 2배·계약에 출구가 없음, 이 3가지에 집중됩니다. 반년이 1년이 된 사례, 기간의 기준, 발주 전에 정할 7가지와 계약서의 4개 조항까지 썼습니다.
더 읽기![워드프레스에서 웹플로우 이전 | 글 100편 이상을 옮긴 절차와 그만둘 판단 [2026]](/assets/posts/thumb-wordpress-not-recommended.avif?v=975b3637)
워드프레스에서 웹플로우 이전 | 글 100편 이상을 옮긴 절차와 그만둘 판단 [2026]
WordPress에서 Webflow로의 이전은 관리 화면 권한이 있으면 URL을 바꾸지 않고 할 수 있습니다. 글 100편 이상을 옮긴 실례의 절차와 확인할 3가지, WordPress를 그만두고 싶은 이유(속도·유지보수비), Webflow와 정적 사이트 중 고르는 법까지 썼습니다.
더 읽기
microCMS 무료 플랜, 전송 20GB 초과 시 API 정지 | 요금 비교
microCMS의 무료 Hobby 플랜은 전송 월 20GB·API 5개·멤버 3명·콘텐츠 1만 건이며, 전송량을 초과하면 API가 정지됩니다. 2026년 10월 공식 페이지에서 확인한 요금과 다른 국산 CMS와의 비교를 담았습니다.
더 읽기
사이트 리뉴얼이 SEO에 미치는 영향 | 자사에서 일어난 2가지 사고와 이전 체크리스트
사이트 리뉴얼이 SEO에 미치는 영향은 URL을 그대로 이어받을 수 있는지로 거의 결정됩니다. 순위를 지키는 이전 체크 5항목과, 자사 리뉴얼에서 일어난 한국어 페이지 57개 소실·GA4 정지 2가지 사고를 날짜와 수치까지 공개합니다.
더 읽기
앱스토어 앱 출시 비용 | 자사 앱 6개의 실제 비용과 심사 기록
앱스토어에 앱을 공개하는 비용은 Apple Developer Program의 연회비 99미국달러뿐이며, 심사는 0원입니다. 자사 iOS 앱 6개의 공개 기록을 바탕으로 심사가 막힌 이유와 소요 일수, 공개 후의 수고까지 다룹니다.
더 읽기
홈페이지 유지비 0원은 가능할까? 연 1,500엔으로 유지하는 구조와 유지보수비의 내용
홈페이지 유지비 0원은 정적 사이트라면 거의 가능합니다. Webharu의 자사 사이트는 도메인 비용 연 1,500엔뿐입니다. 유지비를 0원 가까이 만드는 구조, 제작 방식별 연간 유지비, 6가지 내역, 유지보수비의 내용을 확인하는 법, 해지 전에 볼 3가지까지 썼습니다.
더 읽기
중소기업의 LLMO 대응 | 직접 할 수 있는 방안 8가지와 llms.txt 작성법
중소기업의 LLMO 대응은 업체에 맡기기 전에 직접 할 수 있는 일이 대부분입니다. LLMO·AIO·GEO의 차이, 직접 할 수 있는 방안 8가지, llms.txt 작성법과 효과, GA4로 측정하는 법을 자사 사이트의 실측과 함께 해설합니다.
더 읽기
바이브 코딩 Claude Code 활용법 | 매일의 일로 삼은 실태【2026】
바이브 코딩을 Claude Code로 돌려 매일 사이트도 iOS 앱도 만들고 있는 제작 회사가, 의미와 유래, 자사 사이트 26페이지를 7일 만에 만든 실례, 단점, 일로 삼아 돈을 벌기 위한 첫 1건까지 적습니다.
더 읽기
홈페이지 리뉴얼을 AI로 7일 | Webflow→Astro 이전의 전 공정
Webharu의 홈페이지를 AI(Claude Code)로 리뉴얼한 7일간의 전 공정. 26페이지 구축·글 62개 이전·Webflow→Astro 이전으로 유지비는 연 1,500엔으로. Day별 공정과 공개 후 검색 실측까지 공개합니다.
더 읽기
Webflow App Gen 사용기 | 지금 써야 할지의 판단 기준
Webflow의 신기능 App Gen을 실제로 시험한 기록. UI를 만들고 일본어 프롬프트를 던지면 데이터 저장·인증·처리 플로가 자동 생성되었습니다. 확인할 수 있었던 것·아직 검증하지 않은 점·지금 써야 할지의 판단 기준을 정리합니다.
더 읽기
【음식점 오너 필독】AI 근태 관리 앱 만들기 | Figma Make
월 2,000엔의 근태 관리 비용을 0엔으로. AI 툴 “Figma Make”로 전문 지식 없이 근태 관리 앱을 직접 만드는 방법을 음식점 오너를 위해 해설합니다.
더 읽기
Webflow MCP란? 할 수 있는 것·도입 3단계·주의점
Webflow MCP(Model Context Protocol) 해설. AI가 Webflow의 CMS나 페이지 구성을 이해하고 조작하는 구조, 2026년 시점에 할 수 있는 것, 도입 3단계, 운용 시 주의점을 실무 관점에서 정리합니다.
더 읽기![HTML 코드 내보내기 툴 비교 | 노코드·AI와 납품 실례 [2026] (Webflow to HTML)](/assets/posts/61fdd8d7a30e6e7ecc5feec7_----------2022-02-05-10.25.31.avif?v=aefec79e)
21,249 HTML 코드 내보내기 툴 비교 | 노코드·AI와 납품 실례 [2026] (Webflow to HTML)
HTML 코드 내보내기(추출)가 되는 툴을 비교합니다. Webflow로 코드를 납품한 실례와 품질 평가, STUDIO가 내보내기를 할 수 없는 이유, AI(Claude Code·Figma Make)로 처음부터 HTML을 만드는 방법, 무료 선택지, 운영비를 약 1/55로 줄인 정적화 실측까지 해설합니다.
더 읽기
2,642 Webflow CMS 완전 가이드 2026 | 요금·제작 순서·6년의 버그
Webflow CMS로 할 수 있는 것, 요금(2026년 5월 개편으로 Premium 연 결제 $25/월), 페이지 제작 5단계, 저장 버그까지 6년 경험으로 해설합니다.
더 읽기
Webflow에서 “reCAPTCHA”를 설정하는 방법
Webflow에서 reCAPTCHA를 도입하는 방법을 해설합니다. 무단 접근 대책에 필요한 reCAPTCHA는 Google 제공이라 무료이며, 보안 강화를 위해 도입을 추천합니다.
더 읽기
【커스텀 코드 없이】Webflow로 만드는 가장 간단한 목차
Webflow의 CMS 기능으로 목차를 만드는 방법을 해설합니다. 리치 텍스트에서는 입력한 정보에 ID를 붙일 수 없으므로, 사이트의 구조부터 바꿔 나갑니다.
더 읽기
【2026년판】Webflow 도입 사례 | 리코·Moneytree 등 실례
Webflow 도입 사례를 2026년판으로 전면 갱신했습니다. 리코·Moneytree·리크루트 그룹 니지박스 등 일본 5개 사와 해외의 대표 사례까지 실재를 검증해 소개합니다.
더 읽기
Webflow 입문 | 조작이 10배 빨라지는 4가지 기초 지식
Webflow 입문. Webflow 사용법에서 막히기 전에 알아야 할 4가지 기초 지식(HTML·CSS의 위치, ALL 태그, CSS 패널 색의 의미)을 전문가가 해설합니다. 질문 1위 “링크 색이 안 바뀐다”도 이 글에서 해결됩니다.
더 읽기
Webflow 브레드크럼 만드는 방법【SEO 대책·구조화】
Webflow에 브레드크럼을 추가하고 구조화까지 하는 3가지 방법을 해설합니다. CMS·커스텀 코드·둘의 조합 중 가장 추천하는 방식까지 정리했습니다.
더 읽기
Webflow 해지 전에 할 일 | 사이트와 도메인을 지키는 이전 절차【2026】
Webflow의 Site 플랜을 해지하면 연결된 자체 도메인은 자동으로 해제됩니다. 사이트와 도메인을 지키려면 해지 전에 코드를 내보내 이전할 곳에 공개하는 순서가 중요합니다. 2023년에 롤리팝으로 옮긴 경험과, 지금의 이전 후보인 Cloudflare의 절차를 정리했습니다.
더 읽기
4,123 【초보자도 간단】Webflow에서 자체 도메인을 설정하는 방법
Webflow의 자체 도메인이 궁금하신가요? 이 글에서는 Webflow에서 자체 도메인을 설정하는 방법과, 설정에 필요한 요금 플랜을 해설하고 있습니다. Webflow로 웹사이트 운영을 고려하고 있다면 꼭 확인해 보세요.
더 읽기
시오가마 홈페이지 제작 | 시오가마 출신 Webharu의 요금·실적
시오가마시(시오가마)의 홈페이지 제작은 시오가마 출신 대표가 경영하는 주식회사 Webharu로. 요금은 AI 웹사이트 제작 ¥1,000,000부터·풀스크래치 구축 ¥1,000,000부터(세금 별도), 지속화 보조금 채택 실적·시오가마 도장 회사의 모객 실적도 공개합니다. 대표는 대지진을 겪은 시오가마 출신입니다.
더 읽기
Figma에서 Webflow로 디자인을 복사하는 방법
Figma에서 Webflow로 디자인을 복사하는 공식 플러그인 사용법과, 실제 프로젝트에서 3년 쓴 솔직한 후기를 소개합니다. 오토 레이아웃의 수고·호환성 문제부터 2026년 AI 시대의 현실적인 작업 구분까지 해설합니다.
더 읽기
【전 3가지 패턴 정리】Webflow에 폰트를 추가하는 방법
Webflow에서 폰트를 추가하는 방법을 알고 싶으신가요? 이 글에서는 Google·Adobe·커스텀 폰트의 추가 방법을 전 3가지로 정리해 해설합니다.
더 읽기
Weglot 사용법 완전 가이드 | Webflow·STUDIO 도입과 제외 설정
Weglot 사용법을 한 편으로 정리한 완전 가이드. Webflow 도입 순서, 번역 페이지 제외 설정, “번역이 안 된다” 할 때의 해결, STUDIO에 넣는 공식 순서, 2022년에 실제로 써 본 체험기까지 적었습니다.
더 읽기
【무료】노코드 Webflow에 Instagram 삽입하는 방법
Webflow에 Instagram을 삽입하는 방법과 삽입한 Instagram을 자동 업데이트하는 방법을 실전으로 해설합니다. 이번에는 완전 무료로 할 수 있는 커스텀 코드 방식을 해설합니다. 꼭 읽어 보세요.
더 읽기
일본 인보이스 제도로 면세사업자가 다툰 이야기 | 경과조치 할인으로 해결한 방법【세무사 감수】
일본의 인보이스 제도로 다툰 경험을 적었습니다. 앞으로 다투지 않도록 경험을 공유합니다. 이 글을 읽어 두면 면세사업자라도 트러블 없이 거래할 수 있을 것입니다. 【2026년 7월 추가】세제 개정 후의 경과조치 일정에도 대응했습니다.
더 읽기
노코드 웹사이트의 단점 3가지 | 서비스 종료는 현실이 되었다
노코드로 웹사이트를 만드는 단점은 ①기업 의존 ②이전 불가 ③서비스 종료, 이렇게 3가지입니다. 2022년에 쓴 예언은 Newt의 서비스 종료 발표(2025년 5월·종료일은 2026년 11월 24일)로 현실이 되었습니다. 자사 이전의 실측과 함께, 종료돼도 사라지지 않는 만드는 법을 해설합니다.
더 읽기
【Webflow】오늘부터 쓸 수 있는 무료 템플릿 10선
Webflow에서 초보자도 바로 쓸 수 있는 템플릿을 찾고 계신가요? 이 글에서는 오늘부터 쓸 수 있는 Webflow 템플릿을 장르별로 정리했습니다. Webflow 템플릿을 사용해 자사 사이트를 직접 만들어 봅시다.
더 읽기
Webflow 다국어화 1년 운영 결과 | 로컬라이즈 비용과 SEO 효과
Webflow 로컬라이즈로 다국어화(일본어→한국어)를 1년 운영한 결과를 솔직하게 공개합니다. 제휴 수익은 몇 건·문의는 0건으로 매출로 이어지지 않았고, 비용은 연 10만 엔 가까이에서 AI 운영으로 전환해 연 1,500엔이 되었습니다.
더 읽기
Webflow SEO 완전 가이드 | 기본 설정부터 AIO까지【2026년판】
Webflow의 SEO 대책을 기본 4항목(메타·콘텐츠·링크·기술적 SEO) → 중급 8항목 → AIO 순으로 해설합니다. 최근 12개월 검색 노출 약 19만 회의 실측 포함.
더 읽기
Webflow 한국어 학습 최단 루트【2026년판】공식 대학 활용법
Webflow를 한국어로 배우는 최단 루트를 2026년판으로 해설합니다. 무료인 Webflow 공식 대학 활용법, 미경험이었던 제가 배운 방법, 초보자가 가장 편하게 만드는 2가지 패턴, Forum과 공식 지원에서 질문하는 방법까지 정리했습니다.
더 읽기![Webflow란? 요금·할 수 있는 일·제작사 선택법 [2026년판]](/assets/posts/6722246bfc0ce536f06c7456_WHY.avif?v=edc593fe)
Webflow란? 요금·할 수 있는 일·제작사 선택법 [2026년판]
Webflow(웹플로우)는 코드를 작성하지 않고 디자인부터 공개까지 할 수 있는 노코드 웹 제작 툴입니다. 요금은 연간 결제로 월 $15~25(2026년 5월 개정), 외주 시세는 50만~150만 엔. 할 수 있는 일·STUDIO나 AI와의 차이·제작사 선택법까지, Webflow 전문 6년의 제작사가 해설합니다.
더 읽기
Webflow에서 Span 태그 사용법과 리치 텍스트 대체 방법
Webflow에서 Span 태그를 쓰는 방법과, 리치 텍스트에서는 Span을 쓸 수 없다는 점, 일부분만 스타일을 바꾸는 대체 방법을 해설합니다.
더 읽기
11,327 【2026년 최신판】Webflow 요금 플랜 | Basic·Premium 새 체계
Webflow 요금 플랜을 2026년 5월 새 체계(Starter 무료·Basic $15·Premium $25)로 해설하고, 구 플랜 대응·가장 싸게 쓰는 방법·애드온 비용까지 정리했습니다.
더 읽기해당하는 글이 없습니다.