HOW WE BUILD
AI와 함께,
처음부터 운영까지.
작은 팀이 큰 팀처럼 일할 수 있는 이유는 AI입니다. 사람은 무엇을 왜 만들지 결정하고 품질을 책임지며, AI는 문서 작성·구현·테스트처럼 손이 많이 가는 일을 빠르게 해냅니다.
01
기획 · 명세
무엇을 만들지 말로 풀어 놓으면 AI와 함께 기능 목록, 화면 흐름, 데이터 모델, 사용 시나리오를 문서로 정리합니다. 이 문서가 이후 디자인·개발의 기준이 되고, 프로젝트가 길어져도 맥락을 잃지 않게 해 줍니다.
기능·화면 명세서데이터 모델사용자 시나리오02
디자인 · 목업
정적인 그림 대신 실제로 동작하는 HTML 목업을 먼저 만들고, 필요한 이미지는 AI로 생성합니다. 화면을 직접 눌러 보며 고치기 때문에 개발 전에 방향을 확정할 수 있습니다.
클릭 가능한 목업디자인 토큰AI 생성 이미지03
AI 페어 개발
AI 코딩 에이전트에게 프로젝트 규칙과 명세를 문서로 주고 함께 개발합니다. 사람은 구조와 품질을 판단하고, 반복 구현·테스트·리팩터링은 AI가 빠르게 처리합니다. 웹, 모바일 웹, 관리자 화면을 한 흐름으로 만듭니다.
웹 · 모바일 웹API 서버관리자 화면04
직접 배포
클라우드 서버에 Docker로 서비스를 올리고, 도메인·DNS·SSL 인증서·자동 갱신까지 직접 설정합니다. 배포 방법을 문서로 남겨 언제든 같은 환경을 다시 띄울 수 있게 합니다.
Docker 구성도메인 · SSL배포 문서05
운영 · 개선
출시 후에도 운영 데이터를 보고 기능을 다듬습니다. 수정·배포 주기가 짧아서 작은 개선을 자주 반영할 수 있습니다.
모니터링기능 개선운영 기록
사용하는 도구
AI
Claude CodeAI 이미지 생성AI 문서 · 명세 작성
Frontend
Next.jsReactNuxt 3VueTailwind CSS
Backend
LaravelNestJSFastifyNode.jsPHP
Data
MySQLPostgreSQLRedisPrisma
Infra
DockerVultrCloudflareLet's EncryptNginx · Apache