프롬프트만으로 Google Apps Script를 업무에 적용하기 - 재고 관리 시스템 만들기 (상품 마스터 등록 구현하기)

PRD와 와이어프레임을 잘 정리해두면 바코드 스캔 기반 상품 등록 기능도 30분 안에 개발할 수 있다. 물론 라이브러리 호환 문제 같은 삽질은 별도다.

이전 글에서 기획 내용을 기반으로 구현을 해보자

setup.sh로 프로젝트를 만들면 어떻게 진행될까?


2. 프로젝트 폴더에 PRD 와 wireframe 추가하기

3. 구현 요청하기


4. 계획 검토 후 개발 진행하기

진행하다 보면 여러 문제가 발생하는데, 나의 경우는 다음과 같은 문제가 발생했다.

🔴 문제 1: 바코드 스캔이 작동하지 않음

html5-qrcode 라이브러리로 바코드 스캔 구현

카메라는 켜지지만 바코드를 인식하지 못함

iOS/Android Chrome 모바일 환경

계속 테스트를 하면서 테스트 결과를 글과 이미지로 공유하면서 해결함

최종 해결: 라이브러리 변경 (html5-qrcode → QuaggaJS (@ericblade/quagga2) 로 교체)

🔴 문제 2: GS1 API 조회는 성공하지만 폼에 정보 미표시

GS1 Korea API 호출 성공 (200 응답)

하지만 웹 페이지 폼에 상품명, 제조사가 안 채워짐

원인 : GS1 API 응답 필드명이 예상과 완전히 달랐음!

외부 API 연동 시 반드시 실제 응답 구조를 먼저 확인하게끔 한 다음 프롬프트를 구성하는 것이 좋음

🔴 문제 3: 중복 바코드 체크가 작동하지 않음

이미 등록된 바코드를 다시 스캔해도 "이미 등록된 상품입니다" 메시지가 안 뜸

이건 바로 해결함

결과 화면




개발 및 테스트는 30분도 안 걸린 것 같다.

역시 처음에 정리를 잘 해놓으면 쉽게 개발은 할 수 있다. 다음 단계인 입고 프로세스 구현에서는 상품 등록과 입고를 통합하는 플로우를 설계했다.