AI 도구로 구축한 무한 캔버스 'Doodle Wall' 개발 및 배포기

작성자는 AI 도구를 활용한 개발 과정에서 겪은 시행착오와 성공 경험을 긍정적으로 공유했으며, 특히 자동화된 배포 환경에 만족감을 표했다.

• AI가 생성한 코드가 복잡해지면 Vite와 같은 현대적인 빌드 도구로 리팩터링하여 구조를 단순화할 것
• 프론트엔드(Vercel)와 백엔드(Render)를 분리하여 호스팅할 때 환경 변수와 CORS 설정을 우선적으로 점검할 것

• 단순한 AI 생성 코드는 복잡한 풀스택 연결에서 한계가 있으므로 Vite와 같은 표준 프레임워크로의 전환이 필수적이다.
• Vercel, Render, MongoDB를 조합한 아키텍처는 초기 설정 비용이 발생하지만 확장성과 관리 측면에서 실무적인 이점을 제공한다.
• GitHub 기반의 CI/CD 파이프라인을 구축하면 AI 도구로 수정한 코드를 즉시 배포할 수 있어 개발 속도가 비약적으로 향상된다.