01
검증된 것만 씁니다
20년 넘게 납품하며 다듬어 온 자체 관리자 솔루션과 국내 호스팅에서 검증된 조합을 기본으로 합니다. 새 기술은 사내 프로젝트에서 먼저 써 본 뒤 고객 프로젝트에 넣습니다.
홈 / 홈페이지 제작 / 기술·품질2026 / MASSTIGE
TECHNOLOGY & QUALITY
완성도는 화면에서 드러나고,
완성도는 화면에서 드러나고,
품질은 운영에서 증명됩니다.
프로젝트에 맞는 기술을 선택하고, 보이는 화면부터 보이지 않는 구조까지 꼼꼼하게 살핍니다. 퍼블리싱과 관리자 기능, 보안·성능·접근성, AI가 이해할 수 있는 구조까지. 무엇을 어디까지 점검하는지, 소스는 어떻게 인계하는지 매스티지의 품질 기준을 투명하게 공개합니다.
(PRINCIPLE)
회사 기술과 프로젝트 기술은 다릅니다
이 페이지는 매스티지가 회사 차원에서 제공할 수 있는 기술과 선택 기준을 설명합니다. 개별 프로젝트에 실제로 어떤 기술을 썼는지는 각 제작 사례 상세에 따로 적습니다. 모든 프로젝트에 같은 기술을 일괄 적용했다고 말하지 않습니다.
02
호스팅에 묶이지 않습니다
카페24 등 국내 일반 웹호스팅 어디서나 돌아가는 구성을 기본으로 합니다. 특정 클라우드나 특정 업체 서비스에 종속되는 구조는 요구가 있을 때만 씁니다.
03
라이브러리는 최소로
필요한 것만 버전을 고정해 씁니다. 공식 출처가 아닌 스크립트, 출처가 불분명한 플러그인은 넣지 않습니다.
04
인계할 수 있게 만듭니다
다른 회사가 이어받아도 읽을 수 있는 구조와 문서를 남깁니다. 소스는 전부 넘기고, 열쇠 파일은 웹루트 밖에 둡니다.
Stack By Need
어떤 요구에 어떤 기술을 고르나
같은 기술을 일괄 적용하지 않습니다. 소개형·기능형·플랫폼형으로 요구를 나누고, 각 단계에 맞는 구성을 고릅니다.
| 요구 | 기본 선택 | 이유 |
|---|---|---|
| 기업·병원·법무법인 소개형 | PHP + MySQL, 자체 관리자 솔루션 | 국내 웹호스팅 어디서나 돌아가고, 운영 담당자가 바뀌어도 유지보수 인력을 구하기 쉽습니다. 관리자는 납품 표준(아래)을 그대로 씁니다 |
| 예약·회원·결제 등 기능형 | PHP + MySQL + 외부 API 연동 | 결제·본인확인·지도·문자는 직접 만들지 않고 검증된 국내 서비스(PG·인증·지도 API)를 연동합니다. 사고가 나는 곳을 자체 구현하지 않는 것이 원칙입니다 |
| 플랫폼·대규모 트래픽 | 요구에 맞춘 별도 아키텍처 | 요구 분석 뒤 프레임워크·인프라를 따로 설계합니다. 트래픽·동시접속·데이터 규모를 먼저 재고 결정합니다 |
서버 PHP·DB 버전은 호스팅마다 달라 착수 때 먼저 확인합니다.
Admin Standard
관리자는 납품 표준이 있습니다
고객이 직접 쓰는 관리자툴은 프로젝트마다 새로 만들지 않고 표준 10영역을 기본으로 깔고 업종 모듈을 더합니다. 보안·이력·매뉴얼처럼 없으면 사고가 나는 항목은 가장 낮은 등급에도 전부 들어갑니다.
기본
로그인·권한, 페이지·메뉴, 게시판, 문의·폼, 운영설정, 보안·백업·이력, 매뉴얼. 소개형 사이트의 최소 구성입니다.
표준
기본 + 대시보드, 접속통계(사람·AI 봇 분리, 엔진별 방문, 경로 유입), SEO·GEO 관리, 업종 모듈 1종. 대부분의 프로젝트가 여기서 시작합니다.
프리미엄
표준 + 회원, 예약·상담 워크플로, 다국어 관리, 검색어(서치콘솔 연동), 외부 시스템 연동. 기능형·플랫폼형에 붙습니다.
| 영역 | 표준에서 하는 일 | 이 관리가 만드는 것 |
|---|---|---|
| 로그인·권한 | 담당자별 계정, 역할별 메뉴 노출, 로그인 이력 | 누가 무엇을 바꿨는지 추적 |
| 페이지·메뉴 | 메뉴 순서·노출·링크 관리, 페이지별 title·description | 구조 변경을 개발 없이 |
| 게시판·문의·폼 | 분류·첨부·기간 노출, 접수 목록과 상태, 담당자 메일 알림, 개인정보 동의 기록 | 문의 전환 경로와 법적 기록 |
| SEO·GEO | canonical·robots·og 관리, JSON-LD 값 입력, FAQ 등록 시 FAQPage 스키마 자동 생성, AI 크롤러 허용 토글, 최종 확인일 출력 | 검색과 AI가 읽는 신호를 담당자가 직접 |
| 접속통계 | 사람 방문과 AI 봇 방문 분리, 엔진별(ChatGPT·Claude·Gemini·Perplexity·Naver) 방문, 경로 유입(검색/AI 답변/직접/추천/SNS/광고), 문의 전환율. 외부 라이브러리 없이 SVG 차트 | AI가 읽어 간 페이지 순위 — 다음에 만들 콘텐츠의 근거 |
| 보안·백업·이력 | 관리자 경로 비추측성, 세션 보호, 파일 업로드 검증, 정기 백업, 변경 이력 | 기본 등급에도 전부 포함 — 보안을 상위 등급 판매 요소로 쓰지 않습니다 |
정직하게 적어 두는 통계의 한계
- AI는 사용자가 물은 질문 원문을 사이트에 넘기지 않습니다 — 관리자에는 「AI 유입 질문」이 아니라 「AI가 도착한 페이지」로 표기합니다.
- 광고차단기가 레퍼러를 지우므로 AI 유입 수치는 최솟값입니다.
- 검색어는 서버 로그로 얻을 수 없습니다 — 구글 서치콘솔 연동(고객사 계정으로 직접 발급, 매스티지는 키를 보관하지 않음)이 유일한 경로이고, 네이버는 자동 연동이 확인되지 않아 수동 업로드입니다.
Pre-Launch Checks
오픈 전 무엇을 어디까지 확인하나
검수는 「보고 나서 괜찮다」가 아니라 항목표를 놓고 하나씩 지웁니다. 여섯 묶음의 결과가 검수 보고서로 남고, 인계 문서에 첨부됩니다.
테스트
- 요구사항 정의서 항목별 동작 확인
- 브라우저(크롬·엣지·사파리·삼성인터넷)와 PC·태블릿·모바일 실기기
- 폼 접수 → 메일 알림 → 관리자 목록까지 한 번에
- 관리자 등록·수정·삭제·정렬·노출 전 항목
보안
- 입력값 검증 — XSS·SQL 인젝션 방어, 준비된 쿼리
- 관리자 경로 비추측성 + 접근 제한, 세션 보호
- 파일 업로드 확장자·용량 검증, 실행 파일 차단
- HTTPS 강제, 열쇠 파일 웹루트 밖 보관
- 폼 스팸 방지, 개인정보 수집 동의와 보관 기간
성능
- 이미지 WebP 변환과 크기별 제공, 최상단 1장은 즉시 로드
- CSS·JS 최소화·병합, 불필요한 라이브러리 제거
- 브라우저 캐시·압축 설정
- LCP·CLS 등 코어 웹 바이탈 측정 후 수치 기록
접근성
- 키보드만으로 전 메뉴·폼 조작
- 이미지 대체 텍스트, 제목(H1~H3) 구조
- 명도 대비 4.5:1 이상, 포커스 표시
- 동작 축소 설정 존중, 자동재생 콘텐츠 제어
AI 준비도
- 연구소 진단 도구로 메타·문서구조·지식·검증 4계층 점검
- 규칙 기반이라 몇 번을 재도 같은 값 — 오픈 후 재측정 비교 가능
- 떨어진 항목은 고친 뒤 재진단, 결과 리포트를 인계 문서에 첨부
사이트맵·색인
- 대표 URL 정리(중복 주소 통합, canonical)
- sitemap.xml·robots.txt 생성과 AI 크롤러 허용 정책 확인
- 구조화 데이터(JSON-LD) 검증
- 검색엔진 등록과 사이트맵 제출
Our Own Yardstick
우리 기준으로 우리가 만든 것을 잽니다
매스티지는 기업부설연구소에서 AI 최적화 진단·개선·인용 측정 도구를 직접 만듭니다. 제작팀은 오픈 전에 이 도구로 사이트를 진단하고, 떨어진 항목을 고친 뒤 결과를 고객에게 인계합니다. 점검 기준은 공개돼 있어 고객이 같은 기준으로 다시 확인할 수 있습니다.
S1오픈 전 AI 준비도 진단실제 화면
같은 사이트를 한 달 뒤 다시 재서 변화를 비교할 수 있습니다. 규칙으로 판정하기 때문에 몇 번을 재도 같은 값이 나옵니다.
LAYER 01
메타
title·description·canonical·og·robots — 검색과 AI가 페이지를 무엇이라 부를지 정하는 층
LAYER 02
문서구조
H1~H3 위계, 본문 텍스트 비율, 표·목록 — AI가 답으로 떼어 갈 단위가 있는가
LAYER 03
지식
사실 문장, 숫자와 기준일, 질문형 소제목과 즉답 — 인용할 근거가 있는가
LAYER 04
검증
JSON-LD, FAQ 스키마, 사이트맵·robots, 최종 확인일 — 기계가 확인할 수 있는가
Handover
무엇을 어떤 형태로 넘기나
오픈이 끝이 아니라 인계가 끝입니다. 다른 회사가 이어받아도 읽을 수 있게 넘깁니다.
소스 코드
- 프로젝트 전체 소스와 DB 구조
- 관리자 계정 목록
- 계약 조건에 따른 이용 범위를 인계서에 명시
- 프레임워크 종속이 없어 어느 개발사든 이어받을 수 있음
관리자 매뉴얼
- 화면별 등록·수정 방법
- 이미지 규격과 권장 크기
- 자주 하는 실수와 해결
- 관리자 교육 1회 포함
인계 문서
- 서버·도메인 정보
- 외부 서비스 계정 목록
- 검수 보고서 + AI 준비도 진단 결과
- 열쇠 파일·비밀번호는 문서에 평문으로 남기지 않고 별도 전달
오픈 직후
관리자 초기 비밀번호 변경 안내, 검색엔진 등록·사이트맵 제출 확인, 폼 수신 메일 실제 도착 확인
하자보수
오픈 후 계약서에 명시한 기간 동안 무상 하자보수 — 요구사항 정의서 범위 안의 오류를 고칩니다. 정부지원(바우처) 제작도 같은 기준입니다.
이후 운영
유지보수·디자인 구독, AI 최적화 지속 관리는 별도 서비스로 안내합니다. 소스를 전부 넘기므로 매스티지 없이 운영해도 됩니다.
FAQ
자주 묻는 질문
범위가 정해지지 않았어도 괜찮습니다.
상담에서 함께 정리해 드립니다.
어떤 프로그래밍 언어로 만드나요?
요구에 따라 고릅니다. 소개형·기능형은 PHP와 MySQL 기반 자체 관리자 솔루션을 기본으로 하고, 플랫폼 수준의 요구에는 별도 스택을 검토합니다.
워드프레스나 다른 CMS로도 만드나요?
기본은 자체 관리자 솔루션입니다. 고객사가 이미 워드프레스 등 특정 CMS를 운영 중이고 유지 이유가 분명하면 그 위에서 작업하지만, 보안 업데이트와 플러그인 관리
책임 범위를 계약 전에 먼저 나눕니다.
소스를 다 주나요?
네. 전체 소스와 DB 구조를 넘기고 이용 범위를 인계서에 적습니다. 열쇠 파일과 계정은 문서와 따로 전달합니다.
호스팅은 어디에 올리나요?
고객사가 쓰는 국내 웹호스팅이나 자체 서버 어디든 가능합니다. 호스팅 계약은 고객사 명의로 하고, 착수 때 서버 PHP·DB 버전을 먼저 확인합니다.
다른 회사가 유지보수해도 되나요?
됩니다. 그것을 전제로 만듭니다. 프레임워크 종속이 없고 퍼블 규칙과 관리자 매뉴얼이 문서로 남아 있어 인수인계가 가능합니다.
