AI그림판
당신의 상상을 고퀄리티 일러스트로, AI와 함께하는 창의적 캔버스.
💡 만든 동기
단순히 그리기만 하는 도구를 넘어, AI의 창의적 도움을 받아 누구나 쉽게 일러스트레이터가 될 수 있는 환경을 만들고 싶었습니다. 그림판과 인공지능을 결합하여, 사용자가 그린 간단한 스케치를 AI가 해석하고 테마에 맞춰 고품질의 일러스트로 변환해 주는 '창작 보조 도구'를 구현하는 것이 본 프로젝트의 핵심 동기였습니다.
🤔 어려웠던 점
AI API 연동 문제: 웹 애플리케이션에서 API를 직접 호출할 때, 모델 버전 불일치와 네트워크 오류(CORS 및 인증 문제)로 인해 서비스가 작동하지 않는 상황이 발생했습니다.
🛠 해결한 방법
통합 디버깅AP: 브라우저 개발자 도구(F12)의 네트워크 콘솔을 적극적으로 활용하여 API 호출 과정에서의 에러 코드를 분석했습니다. 정식 엔드포인트(v1)와 최신 안정 모델(gemini-1.5-flash)로 코드를 수정하여 안정적인 통신을 구현했습니다.
✨ 배운 점
Full-stack의 기초: 단순히 화면만 그리는 것이 아니라, API와 통신하고 데이터를 안전하게 처리하는 과정까지 웹 앱 개발의 전반적인 흐름을 익혔습니다. 디버깅 능력: "작동하지 않음"이라는 막연한 상태에서, 콘솔 메시지를 통해 에러의 근본 원인을 파악하는 체계적인 디버깅 방식의 중요성을 깨달았습니다. 사용자 중심 개발: 보안과 기능이라는 두 마리 토끼를 잡기 위해 사용자의 환경(로컬/배포)을 고려한 설계가 필수적임을 배웠습니다. 이 프로젝트를 통해 개발은 단순히 코드를 짜는 것이 아니라, 사용자가 겪을 불편함을 예측하고 이를 기술적으로 해결해 나가는 과정임을 깊이 이해하게 되었습니다.