고객 피드백 보드를 하루 만에 처음부터 만들어보기
Hacker News에 이번 주 올라온 "8년간 꿈만 꾸다가, AI로 3개월 만에 완성"이라는 글이 많은 사람들의 공감을 얻었습니다. 거의 10년 동안 머릿속에만 있던 아이디어를, AI 도구 덕분에 훨씬 짧은 시간에 만들 수 있게 됐다는 이야기였어요.
그 기간은 계속 줄어들고 있습니다. 3개월이 3주가 되고, 3주가 하루 오후가 되고 있어요.
오늘은 그게 실제로 어떤 건지 보여드리려고 합니다. Canny 같은 서비스가 월 $79에 제공하는 고객 피드백 보드를 직접 만들어볼 거예요. 사용자가 기능 요청을 올리고, 서로 투표하고, 관리자는 대시보드에서 어떤 기능이 가장 필요한지 한눈에 볼 수 있는 앱입니다.
전체 소요 시간은 약 2시간. 터미널도, GitHub도, 배포 설정도 필요 없습니다.
만들 것
완성된 피드백 보드의 기능:
- 회원가입과 로그인
- 제목, 설명, 카테고리를 입력하는 기능 요청 폼
- 인기 요청이 위로 올라오는 투표 시스템
- 카테고리별 필터 (버그, 기능, 개선)
- 관리자 전용 상태 변경 (계획됨, 진행 중, 완료)
장난감 프로토타입이 아닙니다. 인증, 데이터베이스, 라이브 URL이 있는 실제 앱이에요.
1단계: 원하는 걸 설명하기
DontCode를 열고 새 프로젝트를 시작하세요. AI 채팅에 이렇게 입력합니다:
"고객 피드백 보드를 만들고 싶어요. 사용자가 이메일이나 구글로 가입하고, 제목/설명/카테고리를 입력해서 기능 요청을 올릴 수 있어야 해요. 다른 사용자가 투표할 수 있고요. 관리자 대시보드에서 각 요청의 상태를 '계획됨', '진행 중', '완료'로 바꿀 수 있어야 합니다. 메인 페이지는 투표 수 순으로 정렬하고, 카테고리와 상태로 필터링할 수 있게 해주세요."
구체적으로 설명할수록 첫 결과물이 정확해집니다. DontCode의 AI는 앱 빌딩에 특화되어 있어서, "투표 시스템"이나 "관리자 대시보드" 같은 표현을 실제 데이터베이스 스키마와 UI 컴포넌트로 바로 변환해요.
2단계: 생성된 앱 확인하기
페이지, 데이터베이스, 인증이 연결된 작동하는 앱이 나옵니다. 직접 클릭해보세요. 제출 폼에 원하는 필드가 있는지, 투표 버튼이 작동하는지, 관리자 뷰에 상태 변경 기능이 있는지 확인합니다.
확인할 것들:
- 같은 사용자가 중복 투표할 수 없는지?
- 카테고리가 드롭다운인지 태그인지?
- 관리자 뷰가 내 계정에서만 보이는지?
뭔가 다르면 AI에게 말하면 됩니다. "카테고리를 드롭다운으로 바꿔줘. 옵션은 버그, 기능, 개선." 이런 식으로요.
3단계: 디자인 커스터마이징
생성된 앱은 잘 작동하지만, 브랜드에 맞게 바꾸고 싶을 거예요. 에디터에서 색상, 폰트, 레이아웃을 변경할 수 있습니다.
코드 에디터보다 Figma에 가까운 느낌입니다. CSS를 작성하는 게 아니라 클릭하고 드래그하는 거예요.
4단계: 카테고리와 상태 라벨 설정
데이터베이스 에디터에서 테이블을 확인하세요. 제목, 설명, 카테고리, 상태, 투표 수 컬럼이 있는 피드백 테이블이 보일 겁니다. 카테고리를 추가하거나 상태 라벨 이름을 바꾸려면 바로 거기서 수정하면 됩니다.
AI에게 "'안 할 예정' 상태와 '디자인' 카테고리를 추가해줘"라고 해도 돼요.
5단계: 배포
배포 버튼을 누르세요. SSL이 적용된 라이브 URL이 생깁니다. 커스텀 도메인이 있으면 도메인 설정에서 연결할 수 있고요.
끝입니다. 사용자가 가입하고, 아이디어를 올리고, 투표할 수 있는 프로덕션 피드백 보드가 완성됐습니다.
이게 왜 중요한가
아까 언급한 Hacker News 글의 댓글 중에 인상적인 게 있었습니다. 가장 어려운 건 만드는 게 아니라, 만들 수 있다고 믿는 거라는 말이었어요. 몇 년 동안 피드백 도구를 갖고 싶으면 SaaS에 돈을 내거나 개발자를 고용하는 수밖에 없었거든요.
이제는 하루 오후면 만들 수 있고, 스케일업하기 전까지는 비용도 들지 않습니다. 오랫동안 머릿속에 품고 있던 아이디어가 있다면, 지금이 가장 좋은 타이밍이에요.
직접 해보고 싶으시면 DontCode에서 시작해보세요. 두 시간이면 어디까지 가능한지 확인할 수 있습니다.