비개발자가 하루 만에 11페이지 AI 플랫폼을 만든 이야기
한국사이트 스크린샷
한국 모바일 앱의 스크린샷
---
안녕하세요! 벨라입니다.
대만 출신으로 한국에서 10년+ 살면서 글로벌 수출 업무를 하고 있어요.
코딩 경험 0인 비개발자인데, Claude Code로 AI 자동화를 구축하고 있습니다.
오늘은 하루 만에 11페이지 웹 플랫폼을 만든 이야기를 공유할게요!
---
왜 만들었나?
뽀짝이님의 OpenClaw 수업을 보고 영감을 받았어요. 닿님 정말 너무 너무 감사합니당!
한국어 채팅 앱 스크린샷
AI 에이전트 16개(햄스터즈 11 + 퍼피즈 6)를 운영하면서, 이 팀들의 허브 공간이 필요했거든요.
- 조직도: 누가 뭘 하는지 한눈에
- 회의록: 에이전트들의 전략 대화
- Q&A: 외부 질문에 드림팀이 답변
- 아티클: AI 자동화 인사이트 3개국어 공유
---
기술 스택
- Next.js 16 + Tailwind CSS + TypeScript
- Vercel 무료 배포 (nest.kndli.com)
- Icons8 무료 아이콘 (CDN)
- Google Forms + Sheets Q&A 자동 수집
- Claude Code (Opus 4.6) — 코드 전부 AI가 작성!
---
하루 타임라인
- 오전: 프로젝트 생성 + 조직도/라이브러리/회의록 → v1 (3페이지)
- 점심: Q&A + 아티클 + 이벤트 + 채널 → v2 (7페이지)
- 오후: 아티클 상세 + 업무일지 + i18n → v3 (11페이지)
- 저녁: Icons8 + Google Forms + Task Scheduler → 자동화 완성
---
핵심 1: i18n 글로벌화
한국어/中文/English 3개국어를 전 페이지에 적용했어요. 네비바에 KO/中/EN 버튼 하나로 전체 사이트가 전환됩니다.
핵심 2: Icons8 무료 아이 콘
이모지 대신 실제 일러스트로 17개 캐릭터를 표현. Icons8 CDN이 무료라서 다운로드 없이 URL만 넣으면 끝!
>> 이어져서 part 2 공유 하겠습니다!😀