웹 제작·Webflow·AI 용어집

Webflow는 코드를 작성하지 않고 전문가 수준의 웹사이트를 제작·공개할 수 있는 미국산 노코드 웹 제작 플랫폼입니다.

디자인 자유도가 CSS 수준으로 높고, CMS·호스팅·SEO 설정까지 하나로 제공됩니다.

Webflow CMS는 블로그 글이나 실적처럼 반복되는 콘텐츠를 데이터베이스(컬렉션)로 관리하고 디자인과 분리해 운영할 수 있는 Webflow 기능입니다.

하나의 템플릿 디자인에 글 데이터를 흘려 넣는 구조이므로, 글을 많이 늘려도 디자인이 무너지지 않습니다.

컬렉션이란 Webflow CMS에서 콘텐츠를 담는 “틀”로, 블로그·실적·멤버 소개처럼 반복되는 콘텐츠의 그릇입니다.

Webflow Localization은 Webflow 공식 다국어 기능으로, 페이지 단위 번역 관리·언어별 URL·언어별 SEO 설정이 가능합니다.

Weglot은 기존 사이트에 도입해 자동 번역과 번역문 편집으로 다국어화할 수 있는 외부 서비스로, Webflow와의 조합으로 널리 사용됩니다.

Webflow App Gen은 프롬프트(지시문)에서 웹 앱을 생성할 수 있는 Webflow의 AI 기능으로, 백엔드를 포함한 앱 개발을 노코드로 실현합니다.

Webflow MCP는 AI(Claude 등 LLM)가 Webflow 사이트를 직접 조작·관리할 수 있게 하는 연동 규격(Model Context Protocol)의 Webflow 구현입니다.

코드 출력이란 Webflow로 만든 사이트를 HTML/CSS/JavaScript 파일로 내보내는 기능으로, 다른 서버로의 이전이나 납품에 사용됩니다.

사이트 플랜이란 Webflow에서 사이트를 공개하기 위한 요금제로, CMS 포함 여부와 트래픽 양 등으로 등급이 나뉩니다.

인터랙션이란 스크롤이나 클릭에 반응하는 애니메이션을 노코드로 설정할 수 있는 Webflow 기능입니다.

브레이크포인트란 화면 너비에 따라 디자인을 전환하는 경계값으로, 반응형 디자인의 기본 단위입니다.

리치 텍스트란 제목·문단·이미지·목록 등을 한데 다룰 수 있는 콘텐츠 형식으로, Webflow에서는 CMS 글의 본문에 사용됩니다.

Webflow 대학은 Webharu가 공개하고 있는 일본어 Webflow 학습 시리즈로, 미경험자가 21일 만에 포트폴리오 제작까지 도달하는 커리큘럼입니다.

SEO란 검색 엔진에서의 유입을 늘리기 위해 사이트의 구조와 콘텐츠를 최적화하는 시책의 총칭입니다.

meta description이란 검색 결과에 표시되는 페이지 설명문으로, 클릭률에 영향을 주는 중요한 SEO 설정 항목입니다.

OGP란 SNS에서 공유되었을 때 표시되는 제목·설명·이미지를 지정하는 규격입니다.

구조화 데이터란 페이지의 내용(회사 정보·FAQ·브레드크럼 등)을 검색 엔진과 AI가 이해할 수 있는 형식(JSON-LD)으로 기술하는 마크업입니다.

브레드크럼이란 “TOP / 블로그 / 글 제목”처럼 현재 위치까지의 계층을 보여 주는 내비게이션으로, 사용자와 검색 엔진 양쪽의 이해를 돕습니다.

canonical이란 같은 내용의 페이지가 여러 URL에 존재할 때 “정규 URL은 이것”이라고 검색 엔진에 알리는 태그입니다.

301 리다이렉트란 페이지의 영구 이전을 검색 엔진에 알리는 전송 설정으로, 사이트 리뉴얼 시 SEO 평가를 이어받기 위해 필수입니다.

sitemap.xml은 사이트 내 전체 페이지 목록을 검색 엔진에 알리는 파일로, 크롤링 누락을 방지합니다.

LLMO(GEO)란 ChatGPT 등 생성형 AI가 답변을 만들 때 자사 정보를 인용·참조하도록 하기 위한 최적화 시책으로, “AI 시대의 SEO”라고 불립니다.

인용하기 쉬운 한 문장 정의, 구조화 데이터, llms.txt 설치 등이 대표적인 시책입니다.

오운드 미디어란 자사가 소유·운영하는 미디어(블로그 등)로, 광고와 달리 자산으로 축적되는 고객 유치 수단입니다.

바이브 코딩이란 코드를 직접 작성하지 않고 AI에 지시(프롬프트)를 반복하며 소프트웨어를 개발하는 방식입니다.

MCP란 AI가 외부 툴(Webflow·데이터베이스 등)을 안전하게 조작하기 위한 공통 규격으로, Anthropic이 제창했습니다.

Claude Code는 Anthropic의 AI 코딩 에이전트로, 터미널에서 코드 생성·수정·실행까지 자율적으로 수행합니다.

이 사이트 자체도 Claude Code를 중심으로 한 AI 워크플로로 제작되었습니다.

Figma Make는 디자인 툴 Figma의 AI 기능으로, 프롬프트에서 웹 앱 프로토타입을 생성할 수 있습니다.

프롬프트란 AI에 주는 지시문으로, 그 품질이 AI 출력의 품질을 크게 좌우합니다.

AI 도입 지원이란 기업 업무(문의 대응·경리·콘텐츠 제작 등)에 AI 툴을 도입해 자동화·효율화를 실현하는 지원 서비스입니다.

노코드란 프로그래밍 없이 앱이나 웹사이트를 개발할 수 있는 툴·방법의 총칭입니다.

CMS란 전문 지식이 없어도 웹사이트 콘텐츠를 추가·수정할 수 있는 관리 시스템으로, WordPress와 Webflow CMS가 대표적입니다.

WordPress는 세계에서 가장 많이 쓰이는 오픈소스 CMS로, 직접 서버를 준비해 운영하는 높은 자유도와 유지보수가 필요한 운영 부담이 동전의 양면입니다.

STUDIO는 일본산 노코드 웹 제작 툴로, 완전한 일본어 UI와 낮은 비용이 특징입니다.

LP란 광고나 검색에서 처음 도달하는 한 장으로 완결되는 페이지로, 문의나 구매 등 단일 행동을 유도하는 데 특화되어 있습니다.

기업 사이트란 회사의 신뢰를 전하는 것을 목적으로 하는 기업 공식 사이트로, 회사 소개·사업 내용·실적·채용 정보 등으로 구성됩니다.

반응형 디자인이란 PC·태블릿·스마트폰 등 화면 크기에 맞춰 레이아웃이 최적화되는 디자인 기법입니다.

자체 도메인이란 “example.com”처럼 자사가 취득·소유하는 인터넷상의 주소로, 브랜드와 자산성 관점에서 비즈니스 사이트에는 필수입니다.

호스팅이란 웹사이트 데이터를 전송하는 서버를 제공하는 서비스로, Webflow에서는 제작 툴과 호스팅이 하나로 통합되어 있습니다.

유지보수 비용이란 공개 후의 사이트를 안전하게 유지하기 위한 지속 비용(업데이트·백업·취약점 대응 등)으로, WordPress에서는 월 ¥10,000~¥50,000이 시세입니다.

reCAPTCHA란 폼으로의 스팸 전송을 차단하는 Google의 인증 시스템입니다.

목차란 글 안의 제목으로 이동할 수 있는 링크 목록으로, 긴 글의 가독성과 SEO 양쪽에 효과가 있습니다.