이 KAZUKIN LAB이라는 사이트 자체가, AI를 제작 파트너 삼아 만들고 있다. 웹 제작은 초보지만 AI와 상의하며 진행한 덕분에 생각보다 이상에 가까운 모습으로 키워 갈 수 있었다.
왜 코드 직접 작성으로 바꿨나
처음에는 노코드 툴로 사이트를 만들었는데, 목적이 불분명한 페이지가 늘어 가더니 어디에 무엇을 써야 할지 나 자신도 알 수 없게 되었다. 같은 실패를 반복하지 않기 위해 일부러 순수 HTML·CSS·JavaScript로 다시 만들기로 했다. 수고는 늘었지만 구조가 단순한 만큼 헤매지 않게 되었다.
AI와의 작업 진행 방식
디자인과 구성은 AI와의 채팅으로 다듬어 두고, 실제 코드 작업은 Claude Code에 맡기고 있다. 역할을 나눈 덕분에 생각하는 일과 손을 움직이는 일이 뒤섞이지 않아 진행 방식이 아주 알기 쉬워졌다.
- 글 템플릿을 복사해서 articles 폴더에 저장한다
- 목차 파일(articles-data.js)에 한 블록을 추가한다
- 이것만으로 목록 페이지에 자동으로 반영된다
AIおもしろいよね
정리
AI에게 전부 맡기는 게 아니라, 구조 부분은 나도 이해하면서 진행하고 있다는 점이 이 사이트 제작 방식의 특징이라고 생각한다. 앞으로도 스스로 키워 갈 수 있는 미디어로서 조금씩 글을 늘려 가고 싶다.
KAZUKIN식 평가
- 🧑💻 웹 제작 초보자에 대한 친절함 ★★★★☆
- 📁 글 추가의 쉬움 ★★★★★(템플릿 복사＋한 블록 추가)
- 🧩 Page1 문제 재발 방지 ★★★★★
- 🤝 AI와의 역할 분담의 쾌적함 ★★★★☆
- 🌱 스스로 키워 갈 수 있는 느낌 ★★★★★
※이 글은 개인의 감상·제작 기록입니다. 기재된 서비스·도구의 제공 회사들과는 아무 관계가 없습니다. 개인이 운영하는 비공식 사이트입니다. 상표는 각 권리자에게 귀속됩니다.