VENOX CMS는 메뉴를 뼈대로 삼아 페이지·게시판을 연결하고, 페이지 본문에 한 줄짜리 코드로 위젯을 넣는 구조입니다. 담당자는 관리자 화면에서 메뉴를 만들고, 메뉴에 페이지나 게시판을 연결하고, 필요한 곳에 위젯을 넣는 세 단계로 홈페이지를 운영합니다. 디자인(CSS)과 메인 화면 구성도 관리자 화면에서 바꾸며, 메뉴 구조를 바탕으로 사이트맵과 llms.txt가 자동으로 만들어집니다.
CMS를 검토하는 담당자가 결국 묻는 건 "이건 어디서 바꾸나요?"입니다. 그래서 이 글은 기능 목록 대신 화면과 데이터가 어떻게 이어져 있는지를 따라가며 설명합니다. 기능 소개만 빠르게 보려면 VENOX CMS 솔루션 페이지가 더 짧습니다.
관리자 화면, API 서버, 공개 홈페이지
VENOX CMS는 관리자 화면, API 서버, 공개 홈페이지 세 부분으로 나뉩니다. 담당자가 관리자 화면에서 바꾼 내용은 API 서버를 거쳐 데이터베이스에 저장되고, 공개 홈페이지는 같은 데이터를 읽어 방문자에게 보여 줄 화면을 만듭니다. 관리자 화면과 공개 홈페이지가 분리되어 있어, 관리자 주소는 별도 도메인으로 두고 공개 홈페이지만 외부에 노출할 수 있습니다.
| 구성 | 하는 일 | 기술 |
|---|---|---|
| 관리자 화면 | 메뉴·페이지·게시판·게시물, 위젯·팝업·비주얼, 레이아웃·CSS, 방문 분석, 사용자·사이트 관리 | Next.js, React 19 |
| API 서버 | 관리자 로그인·권한 확인, 데이터 저장·조회, CSS 파일 제공, 문의·견적 접수와 스팸 차단 | Java 17, Spring Boot 3, MariaDB |
| 공개 홈페이지 | 메뉴 구조대로 페이지 구성, 본문 속 위젯 실행, 사이트맵·llms.txt·구조화 데이터 생성 | Next.js, React 19 |
메뉴 하나가 정하는 것들
메뉴는 홈페이지의 뼈대입니다. 메뉴 하나가 방문자에게 보이는 이름, 연결할 대상(페이지 또는 게시판), 주소를 함께 정합니다. 상위 메뉴 아래에 하위 메뉴를 두면 상단 메뉴의 펼침 목록이 되고, 같은 구조가 사이트맵과 llms.txt에도 그대로 반영됩니다.
| 설정 | 내용 |
|---|---|
| 메뉴 이름·순서 | 상단 메뉴에 보이는 이름과 순서, 상위·하위 단계 |
| 메뉴 유형 | 페이지 연결 또는 게시판 연결 |
| 링크 방식 | 사이트 안 주소 또는 외부 주소, 새 창 열기 여부 |
| 노출·권한 | 사용 여부, 로그인이 필요한 메뉴, 접근 권한 |
| 메뉴 위치 | 상단 메뉴 등 메뉴가 표시될 위치 |
관리자 화면의 AI 메뉴 추천을 쓰면 기관 성격에 맞는 메뉴 구조 초안을 만들거나 메뉴 이름 후보를 제안받을 수 있습니다. 이 기능은 AI 챗봇 위젯에 설정한 AI 서비스(OpenAI·Anthropic·Gemini 중 하나)를 함께 사용합니다.
페이지와 게시판은 어떻게 다른가요?
페이지는 회사 소개, 서비스 안내처럼 내용이 한 덩어리인 화면입니다. 에디터로 본문을 쓰고, 검색 결과에 보일 제목과 설명을 페이지마다 따로 넣을 수 있습니다. 주소는 /page/영문주소 형식으로 정합니다.
게시판은 공지사항, 자료실, 사례처럼 글이 계속 쌓이는 화면입니다. 게시판마다 보여 주는 방식과 기능을 켜고 끌 수 있어, 같은 CMS 안에서 성격이 다른 게시판을 여러 개 운영할 수 있습니다.
| 구분 | 게시판에서 고를 수 있는 것 |
|---|---|
| 보기 방식 | 목록형, 썸네일형, 갤러리형, FAQ형 |
| 글 구성 | 카테고리, 첨부파일(개수·용량·확장자 제한), 썸네일(자동 추출 포함), 유튜브, PDF 다운로드, 일정, 외부 링크, 사용자 정의 항목 |
| 참여 기능 | 댓글, 답글, 비밀글, 익명 글, 좋아요, 공지 고정 |
| 표시·권한 | 작성자·작성일·조회수 표시 여부, 글쓰기·열람·다운로드 권한, 방문자 글쓰기 허용 |
| 편집 | 에디터 종류, 코드 강조 표시 |
위젯은 본문에 한 줄로 넣습니다
위젯은 페이지 안에 들어가는 기능 블록입니다. 페이지 본문에 [widget:위젯키] 한 줄을 넣으면 그 자리에 해당 기능이 표시됩니다. 설정값이 필요한 위젯은 [widget:위젯키 이름="값"]처럼 값을 함께 적습니다. 새 화면을 개발하지 않고도 문의 폼, 일정, 검색 같은 기능을 원하는 페이지에 배치할 수 있습니다.
| 위젯 | 하는 일 |
|---|---|
| AI 챗봇 | 홈페이지 오른쪽 아래 대화창. OpenAI·Anthropic·Gemini 중 선택, 등록한 문서를 근거로 답변 |
| 통합검색 | 게시물과 페이지를 한 번에 검색. 자동완성, 결과 탭, 기간 필터 |
| 캘린더 | 게시판과 연동한 월간 일정. 일정별 공개 범위 설정 |
| 문의 폼 | 방문자 문의를 받아 담당자 이메일로 발송 |
| 동의 관리 | 개인정보·약관·마케팅 동의를 팝업 또는 본문으로 표시 |
| 그 밖의 위젯 | 위치 지도, 메인 비주얼, 인기 검색어, 조직도, 연혁 등 |
위젯마다 디자인 파일(CSS)이 따로 있어, 위젯 모양을 바꿔도 다른 화면에는 영향을 주지 않습니다.
디자인은 어디서 바꾸나요?
VENOX CMS는 CSS 파일을 데이터베이스에 저장하고 관리자 화면의 CSS 관리에서 직접 편집합니다. 코드를 다시 배포하지 않고 저장만으로 디자인을 고칠 수 있습니다.
공통 CSS – 사이트 전체 글꼴, 색, 간격
위젯 기본 디자인 – 위젯마다 CSS 파일 하나, 모든 사이트에 공통 적용
사이트별 덮어쓰기 – 특정 사이트에서만 색·간격을 바꿀 때 추가. 파일이 없으면 기본 디자인을 그대로 씀
레이아웃 관리 – 메인 화면을 섹션별 HTML·CSS로 구성
메인 비주얼·서브 비주얼·팝업 – 이미지와 노출 기간을 관리자 화면에서 교체
한 CMS로 여러 사이트를 운영할 수 있나요?
네. 사이트 관리에서 사이트를 추가하면 메뉴, 페이지, 게시판을 사이트별로 나누어 관리하고, 디자인은 사이트별 덮어쓰기로 다르게 할 수 있습니다. 대표 홈페이지와 부속 기관·행사 사이트처럼 운영 주체는 같고 화면은 다른 경우에 관리자 화면 하나로 운영할 수 있습니다.
검색 노출에 필요한 파일은 자동으로
VENOX CMS는 메뉴 구조를 기준으로 검색엔진과 AI 검색이 읽을 자료를 자동으로 만듭니다. 메뉴나 게시글을 추가하면 아래 항목에 바로 반영됩니다.
| 항목 | 내용 |
|---|---|
| sitemap.xml | 상단 메뉴와 하위 메뉴의 페이지, 게시판 글 주소. 수정일을 아는 주소에만 수정일 표시 |
| llms.txt | AI 검색이 사이트를 이해하도록 섹션별 페이지 제목·요약을 정리한 목록 |
| 대표 주소(canonical) | 페이지마다 대표 주소를 지정해 같은 내용의 중복 주소를 정리 |
| 구조화 데이터 | 조직·웹사이트 정보, 경로(BreadcrumbList), 게시글(Article) |
| 크롤러 정책 | 검색엔진·AI 검색 봇은 허용하고 무단 수집 봇은 차단 |
방문 분석은 Google Analytics 4와 연동하며, 관리자 화면의 분석 메뉴에서 방문 현황을 확인합니다.
기록과 보안
게시물 본문은 화면에 표시하기 전에 위험한 스크립트를 걸러 냅니다(XSS 방지).
관리자 화면은 로그인 토큰으로 권한을 확인한 뒤에만 데이터를 바꿀 수 있습니다.
주요 데이터에는 등록·수정한 사람, IP, 일시를 함께 기록합니다.
문의·견적 폼은 자동 입력 봇을 걸러 내고, 짧은 시간에 반복되는 요청을 제한합니다.
자주 묻는 질문
Q. 개발자 없이 운영할 수 있나요?
메뉴, 페이지, 게시판, 게시물, 팝업, 비주얼 이미지, CSS는 관리자 화면에서 담당자가 직접 바꿀 수 있습니다. 새로운 위젯을 만들거나 기존 회원·업무 시스템과 연동하는 일은 개발 작업이 필요합니다.
Q. 공공기관 디자인 시스템(KRDS)을 적용할 수 있나요?
네. VENOX는 VENOX CMS로 (사)한국수입협회 홈페이지를 KRDS 기반으로 구축했습니다. 자세한 내용은 구축 사례에서 볼 수 있습니다.
Q. 기존 홈페이지의 게시물도 옮길 수 있나요?
옮길 게시판과 게시물 범위, 첨부파일 처리 방법을 상담에서 확인한 뒤 이전 계획을 정합니다.
관련 페이지
도입 문의 – 현재 홈페이지 주소와 고민을 알려 주시면 개선 범위를 정리해 드립니다.
작성 VENOX · 2026년 10월 30일