만들 줄 아는지 보여 주는 가장 빠른 방법
웹 구축을 파는 회사는 많고 포트폴리오는 다 비슷해 보입니다. 우리가 직접 운영하는 제품과 그 개발 과정을 열어 두면, 설명 대신 결과물로 판단하실 수 있습니다.
자사 제품
Digital Products
우리가 만들고, 우리가 먼저 씁니다
판매 라인이 아닙니다. 진단과 구축을 파는 회사가 스스로 무엇을 만들고 어떻게 운영하는지 열어 두는 자리입니다.
- 공개된 제품
- 4개
- 공개 범위
- 과정 포함
- 자체 점검
- 정기 실행
제품 상태 표기
각 제품에 아래 다섯 단계 중 하나를 붙입니다. 다 만든 것처럼 보이게 쓰지 않습니다.
- 구상문제 정의와 범위를 잡는 단계
- 개발 중실제로 만들고 있는 단계
- 베타제한된 사용자와 함께 검증 중
- 운영 중공개 운영하며 유지보수하는 단계
- 종료더 이상 운영하지 않는 제품
Why Public
왜 만드는 과정을 공개하나요
포트폴리오는 결과만 보여 줍니다. 과정을 열어 두면 판단할 재료가 훨씬 많아집니다.
우리 제품이 진단 도구의 첫 사용자
AI 검색 진단과 보안 진단을 우리 제품에 먼저 돌립니다. 우리 사이트가 우리 기준을 통과하지 못하면 상품으로 팔 수 없습니다.
실패도 같이 기록합니다
성공 사례만 모은 페이지는 참고가 되지 않습니다. 되돌린 결정, 잘못 잡은 구조, 다시 만든 화면도 내부 기록으로 남겨 다음 판단에 씁니다.
고객에게 적용하기 전 검증장
새 진단 항목이나 산출물 형식은 우리 제품에서 먼저 굴려 봅니다. 고객 사이트가 실험 대상이 되면 안 됩니다.
How We Build
네 가지 원칙으로 만듭니다
고객 프로젝트에도 같은 순서를 씁니다. 우리 제품에서 통하지 않는 방식을 고객에게 팔지 않습니다.
- 01
문제부터 적는다
기능 목록이 아니라 누가 무엇 때문에 곤란한지를 먼저 문장으로 씁니다. 그 문장이 안 써지면 아직 만들 때가 아닙니다.
- 02
범위를 좁혀서 낸다
첫 버전은 한 가지만 제대로 합니다. 넓게 만들어 놓고 다듬는 방식은 무엇을 다듬어야 하는지 알려 주지 않습니다.
- 03
검증 게이트를 통과시킨다
대비·반응형·토큰 준수를 자동 검사로 막습니다. 통과하지 못하면 배포하지 않습니다. 우리 사이트도 같은 게이트를 씁니다.
- 04
쓰면서 고친다
우리가 매일 쓰는 도구로 먼저 굴립니다. 우리가 안 쓰는 기능은 고객에게도 필요 없을 가능성이 높습니다.
Stack
무엇으로 만드나요
유행을 따라 바꾸지 않습니다. 오래 유지보수할 수 있고, 문제가 생겼을 때 원인을 추적할 수 있는 것을 고릅니다.
프런트엔드
- Next.js App Router
- React
- TypeScript
- Tailwind CSS
백엔드 · 데이터
- Node.js
- Prisma ORM
- MySQL
- Redis · BullMQ
진단 엔진
- Playwright 크롤러
- Lighthouse
- Cheerio 파서
- LLM 시뮬레이션
인프라 · 운영
- Docker
- Coolify 배포
- 작업 큐 워커
- 스케줄 작업
보안
- CSP · 보안 헤더
- 암호화 저장
- 감사 로그
- 역할 기반 접근제어
품질
- 디자인 게이트
- 타입 검사
- 회귀 테스트
- 접근성 대비 검사
Dogfooding
우리 상품을 우리 사이트에 먼저 적용합니다
AI 검색 준비도를 파는 회사의 블로그가 정작 AI에게 안 읽히면 곤란합니다. 아래 항목은 우리 사이트에 이미 걸려 있고, 새로 올리는 제품 페이지에도 같은 규칙이 적용됩니다.
llms.txt 자동 갱신
제품이 추가되면 llms.txt와 llms-full.txt가 함께 갱신됩니다. 손으로 관리하면 반드시 어긋납니다.
구조화 데이터 자동 생성
제품 페이지마다 JSON-LD를 자동으로 붙입니다. AEO를 파는 회사의 페이지가 AEO 미적용이면 설득력이 없습니다.
sitemap 자동 반영
발행과 동시에 sitemap.xml에 들어갑니다. 발행했는데 색인이 안 되는 상황을 만들지 않습니다.
보안 Lite 자체 점검
우리 도메인도 같은 Lite 점검을 정기적으로 돌립니다. 등급이 떨어지면 배포를 멈춥니다.
디자인 게이트 통과 강제
대비 4.5:1, 가로 넘침 0, 토큰 위반 0을 통과하지 못한 화면은 머지되지 않습니다.
재진단 스케줄
AI 검색 준비도를 주기적으로 다시 측정해 우리 점수 변화를 기록합니다.
Partnership
같이 만들 일이 있으면 알려 주세요
제휴, 투자, 채용 문의를 받습니다. 제품에 대한 질문도 같은 창구로 주시면 됩니다.