목록으로
업무 생산성 개선을 위한 AI 활용
[물류 혁신] 비개발자가 AI와 함께 만든 '1초컷 운송장 채번 스마트 웹앱' 개발기
비개발자 기사가 AI와 함께 코딩하여, 기사님들의 구글폼 입력 시간을 1초로 단축시킨 '스마트 채번 웹앱(PWA)' 자체 개발기
🤖 활용 AI 도구
제미나이
① 어떤 상황에서 AI를 활용했나요?
쿠팡 로지스틱스 기사로 배송을 하며 바쁜 배송 현장 기사님들의 고충을 겪게 되었습니다. 기존에는 기사님들이 매번 구글폼 링크를 찾아 들어가서 운송장 번호와 주문번호 등 두 줄짜리 텍스트를 일일이 복사/붙여넣기 하거나 타자로 쳐야 했습니다. 특히 연령대가 높으신 분들은 스마트폰 화면 돋보기(글자 확대) 설정 때문에 화면이 다 깨지거나 오타가 잦았고, 1분 1초가 바쁜 배송 현장에서 단순 작업에 버려지는 시간과 스트레스가 매우 컸습니다. 이를 해결할 자체 시스템이 절실했지만, 저는 코딩을 전혀 모르는 비개발자였습니다.
② 어떤 AI를 어떻게 활용했나요?
구글의 AI '제미나이(Gemini)'를 저의 개인 수석 개발자로 삼았습니다. "코딩을 전혀 모르지만 현장 기사님들을 위한 구글폼 자동 입력 웹앱을 만들고 싶다"고 질문하며 개발을 시작했습니다. 제미나이와 대화하며 HTML, CSS, JavaScript 코드를 짜달라고 요청했고, 단순히 폼만 보내는 것을 넘어 관리자가 실시간 통계를 볼 수 있도록 파이어베이스(Firebase) 데이터베이스 연동까지 AI의 안내를 받으며 단계별로 구현했습니다. 현장에서 오류가 발생하면 폰 화면을 캡처해서 AI에게 상황을 설명하고, 즉각적으로 에러 수정 코드를 받아 적용하는 '실시간 핑퐁 방식'으로 앱을 완성해 나갔습니다.
③ 활용 결과 어떤 변화가 있었나요?
현장 업무 효율이 극적으로 상승했습니다. 기사님들은 인터넷 주소를 매번 칠 필요 없이, 스마트폰 바탕화면에 어플(PWA)처럼 설치된 아이콘을 눌러 '단 1초 만에' 오류 없이 운송장 번호를 전송할 수 있게 되었습니다. 관리자(대표) 입장에서는 파이어베이스 DB가 연동된 관리자 전용 대시보드를 통해 실시간 접속 기사님 수, 채번 전송 건수를 모니터링하고, 전체 공지사항까지 띄울 수 있는 완벽한 사내 자동화 IT 시스템을 비용 없이 구축하게 되었습니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
단순히 그럴싸한 화면을 만드는 것에 그치지 않고, 철저하게 '현장 맞춤형 디테일'을 AI와 함께 집요하게 개선했습니다. 예를 들어, 어르신 기사님들의 폰 글자 확대 설정 때문에 좁은 화면에서 버튼이 겹치고 깨지는 현상을 발견하고, AI에게 '스마트폰 글씨 크기 강제 고정 방어막(CSS)' 코드를 요청해 어떤 폰에서도 완벽한 비율이 유지되게 만들었습니다. 또한, 위아래 두 줄로 복사된 텍스트를 한 줄짜리 입력칸에 붙여넣을 때 글자가 다닥다닥 붙어버리는 오류를 잡아내어, AI를 통해 자동으로 줄바꿈을 띄어쓰기로 변환해 주는 '수동 붙여넣기 방어 로직'을 적용한 것이 저만의 핵심 개선 포인트입니다.
⑤ 다른 사람도 따라 할 수 있나요?
100% 가능합니다. 저는 물류업 현장에서 뛰며 코딩의 'ㅋ'도 모르던 사람입니다. 하지만 현장의 불편함이 무엇인지 명확히 정의하고, 그것을 AI에게 '어떻게 해결하면 좋을지' 구체적으로 질문하는 것만으로도 훌륭한 자체 IT 시스템을 구축할 수 있었습니다. 값비싼 외주 개발 업체에 맡기지 않아도, 누구나 AI라는 든든한 파트너와 개선하려는 의지만 있다면 자신의 업무 환경에 딱 맞는 스마트 시스템을 하루아침에 뚝딱 만들어낼 수 있습니다.
https://jun5238.github.io/RyanL-Jun-/mirror_index.htm
아이디 aitest
음봉MB 선택
쿠팡 로지스틱스 기사로 배송을 하며 바쁜 배송 현장 기사님들의 고충을 겪게 되었습니다. 기존에는 기사님들이 매번 구글폼 링크를 찾아 들어가서 운송장 번호와 주문번호 등 두 줄짜리 텍스트를 일일이 복사/붙여넣기 하거나 타자로 쳐야 했습니다. 특히 연령대가 높으신 분들은 스마트폰 화면 돋보기(글자 확대) 설정 때문에 화면이 다 깨지거나 오타가 잦았고, 1분 1초가 바쁜 배송 현장에서 단순 작업에 버려지는 시간과 스트레스가 매우 컸습니다. 이를 해결할 자체 시스템이 절실했지만, 저는 코딩을 전혀 모르는 비개발자였습니다.
② 어떤 AI를 어떻게 활용했나요?
구글의 AI '제미나이(Gemini)'를 저의 개인 수석 개발자로 삼았습니다. "코딩을 전혀 모르지만 현장 기사님들을 위한 구글폼 자동 입력 웹앱을 만들고 싶다"고 질문하며 개발을 시작했습니다. 제미나이와 대화하며 HTML, CSS, JavaScript 코드를 짜달라고 요청했고, 단순히 폼만 보내는 것을 넘어 관리자가 실시간 통계를 볼 수 있도록 파이어베이스(Firebase) 데이터베이스 연동까지 AI의 안내를 받으며 단계별로 구현했습니다. 현장에서 오류가 발생하면 폰 화면을 캡처해서 AI에게 상황을 설명하고, 즉각적으로 에러 수정 코드를 받아 적용하는 '실시간 핑퐁 방식'으로 앱을 완성해 나갔습니다.
③ 활용 결과 어떤 변화가 있었나요?
현장 업무 효율이 극적으로 상승했습니다. 기사님들은 인터넷 주소를 매번 칠 필요 없이, 스마트폰 바탕화면에 어플(PWA)처럼 설치된 아이콘을 눌러 '단 1초 만에' 오류 없이 운송장 번호를 전송할 수 있게 되었습니다. 관리자(대표) 입장에서는 파이어베이스 DB가 연동된 관리자 전용 대시보드를 통해 실시간 접속 기사님 수, 채번 전송 건수를 모니터링하고, 전체 공지사항까지 띄울 수 있는 완벽한 사내 자동화 IT 시스템을 비용 없이 구축하게 되었습니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
단순히 그럴싸한 화면을 만드는 것에 그치지 않고, 철저하게 '현장 맞춤형 디테일'을 AI와 함께 집요하게 개선했습니다. 예를 들어, 어르신 기사님들의 폰 글자 확대 설정 때문에 좁은 화면에서 버튼이 겹치고 깨지는 현상을 발견하고, AI에게 '스마트폰 글씨 크기 강제 고정 방어막(CSS)' 코드를 요청해 어떤 폰에서도 완벽한 비율이 유지되게 만들었습니다. 또한, 위아래 두 줄로 복사된 텍스트를 한 줄짜리 입력칸에 붙여넣을 때 글자가 다닥다닥 붙어버리는 오류를 잡아내어, AI를 통해 자동으로 줄바꿈을 띄어쓰기로 변환해 주는 '수동 붙여넣기 방어 로직'을 적용한 것이 저만의 핵심 개선 포인트입니다.
⑤ 다른 사람도 따라 할 수 있나요?
100% 가능합니다. 저는 물류업 현장에서 뛰며 코딩의 'ㅋ'도 모르던 사람입니다. 하지만 현장의 불편함이 무엇인지 명확히 정의하고, 그것을 AI에게 '어떻게 해결하면 좋을지' 구체적으로 질문하는 것만으로도 훌륭한 자체 IT 시스템을 구축할 수 있었습니다. 값비싼 외주 개발 업체에 맡기지 않아도, 누구나 AI라는 든든한 파트너와 개선하려는 의지만 있다면 자신의 업무 환경에 딱 맞는 스마트 시스템을 하루아침에 뚝딱 만들어낼 수 있습니다.
https://jun5238.github.io/RyanL-Jun-/mirror_index.htm
아이디 aitest
음봉MB 선택