덕질로 시작한 웹소설 인트라넷, 49만 명의 마음을 사로잡다!
비개발자 대학생이 웹소설 '괴담출근' 인트라넷을 제작하여 49만 명 방문을 기록
러블(Lovable), 클로드 코드(Claude Code), 제미나이(Gemini)를 활용하여 웹사이트 제작
노션(Notion)에 제작 과정 공개하여 개발 경험 공유
데이터 스키마(Data Schema) 설계 미숙으로 인한 유지보수 어려움 겪음
AI 활용 능력과 '일단 해보자'는 태도가 성공의 핵심 요인으로 분석
AI 기반 웹사이트 제작 과정
본문에서는 러블(Lovable)을 사용하여 웹사이트의 MVP(Minimum Viable Product)를 생성하고, 클로드 코드(Claude Code)와 제미나이(Gemini)를 활용하여 기획 및 개발을 진행했다.
기획 단계: 제미나이(Gemini)를 활용하여 기획 구체화 및 문서화
MVP 제작: 기획 문서를 러블(Lovable)에 입력하여 초기 웹사이트 생성
개발 환경: Antigravity에서 깃허브(GitHub) 연동 후 로컬 작업
AI를 활용하여 개발 속도를 높였지만, AI의 콘텍스트 이해 부족으로 인해 원작의 느낌을 완벽하게 구현하는 데 어려움을 겪었다.
데이터 스키마(Data Schema) 설계의 중요성
웹사이트 제작 과정에서 데이터 스키마(Data Schema) 설계의 중요성을 강조한다.
초기 설계 미흡: 데이터 스키마를 초반에 제대로 설계하지 않아 데이터 관리의 어려움 발생
문제점: 데이터 간의 관계 설정 오류로 인해 데이터가 제대로 표시되지 않는 문제 발생
해결 과정: 스키마를 처음부터 다시 설계하는 데 3~4일 소요
결과적으로, 확장성(Scalability)을 고려한 데이터 스키마 설계가 웹사이트 유지보수(Maintenance)에 필수적임을 강조한다.
AI 활용의 한계와 극복
AI를 활용한 웹사이트 제작 과정에서 AI의 한계와 극복 방안을 제시한다.
AI의 한계: AI가 콘텍스트를 제대로 이해하지 못해 원작의 느낌을 완벽하게 구현하는 데 어려움
매뉴얼 제작: 제미나이(Gemini)가 초안을 작성하고, 저자가 직접 수정하는 방식으로 품질 개선
디자인: 레퍼런스 이미지 활용 및 AI에게 구체적인 지시를 통해 디자인 개선
AI의 한계를 인지하고, 사람의 창의력과 AI의 효율성을 결합하는 것이 중요함을 강조한다.
덕질 기반 프로젝트의 성공 요인
본문에서는 덕질을 기반으로 한 웹사이트 제작 프로젝트의 성공 요인을 분석한다.
'일단 해보자'는 태도: 실행력(Execution)을 강조하며, 아이디어가 떠오르면 즉시 기획하고 개발하는 태도
사용자 피드백 반영: 게스트 모드(Guest Mode) 추가 및 사용자 반응을 분석하여 기능 개선
커뮤니티 기여: 제작 과정을 공유하고, 다른 사람들과 함께 덕질하는 문화를 조성
결과적으로, 덕질에 대한 열정, AI 활용 능력, 그리고 적극적인 소통이 성공의 핵심 요인임을 강조한다.
