구글 안티그래비티(Anti-gravity)로 만든 독일 여행 영수증 정산 앱(App) 제작 후기-1
50대 AI 초보자의 도전! 10일 독일 여행 예산 웹 앱 뚝딱 만든 후기 ✈️
이번 7월 초, 지인 4명과 함께 10일 동안 독일 프랑크푸르트와 인근 도시로 뜻깊은 여행을 다녀왔습니다. 평소 돈 계산이 서툴고 영수증 정리를 세상에서 제일 귀찮아하는 편이라 출발 전부터 은근히 걱정이 앞섰는데요.
지난번 제미나이(Gemini) 캔버스 기능으로 에스페란토 단어 공부 게임을 만들었던 자신감을 바탕으로, 이번에는 구글의 최신 AI 에이전트 개발 도구인 '안티그래비티(Anti-gravity)'를 활용해 우리 일행만을 위한 맞춤형 여행 예산 관리 웹 앱(Web App)을 직접 제작해 보았습니다.
1. 복잡한 경비 정산, 똑똑한 '디지털 조교'에게 맡기세요 🤖
5명이 함께한 여행이다 보니 정산이 꽤나 복잡했습니다. 커피는 3명만 마시거나, 특정 인원만 기념품을 사는 등 지출 주체가 제각각이었고, 항공권이나 숙소처럼 한국에서 미리 결제한 금액까지 섞여 있어 셈이 꼬이기 일쑤였죠.
이때 안티그래비티(Anti-gravity)는 마치 내 말을 척척 알아듣는 똑똑한 '디지털 조교' 역할을 해냈습니다.
현지 카페나 식당에서 영수증을 스마트폰 카메라로 비추기만 하면 금액이 자동으로 입력되고, 유로(EUR)가 원화(KRW)로 즉시 환산되었습니다. 덕분에 10일 내내 머리 아픈 계산기 두드릴 필요 없이 완벽하게 정산 스트레스 제로의 여행을 즐겼습니다.
2. 초보자도 쉽게 따라 하는 안티그래비티 개발 4단계 🔮
코딩의 'ㅋ'자도 몰라도 걱정하지 마세요. 내가 원하는 기능을 한국어로 차근차근 설명하기만 하면 됩니다.
Step 1: 필요한 기능과 화면 구상하기
"영수증 사진 인식, 유로-원화 환율 자동 계산, 5명 선택 정산" 등 나에게 꼭 필요한 기능 목록을 메모장에 글로 정리합니다.Step 2: 안티그래비티에 프롬프트(명령어) 전달하기
정리한 글을 입력하면 안티그래비티 AI 에이전트가 알아서 전체적인 앱 설계도(설계 문서)와 코드 작성 계획을 보여줍니다. 수정하고 싶은 부분이 있으면 화면에서 대화하듯 추가 요구를 한 뒤 '승인(Approve)' 버튼을 누르면 끝입니다.Step 3: 앱 실행 및 작동 테스트
AI가 만들어준 결과물 중 확장자가.html인 파일을 더블 클릭하면 브라우저에 내가 만든 웹 앱이 바로 짠하고 나타납니다!Step 4: 현지 실제 데이터 입력 및 활용
여행지에서 영수증이 생길 때마다 사진을 찍어 올려두면, 예산 데이터베이스에 즉시 반영되어 잔여 예산과 개인별 정산금이 한눈에 정리됩니다.
3. 현장 활용 꿀팁 & 보강 포인트 💡
OCR 인식 확인은 필수: 영수증이 구겨지거나 현지 인쇄 상태가 흐리면 문자를 잘못 읽을 수 있습니다. 현장에서는 사진만 빠르게 찍어두고, 저녁에 숙소에서 한꺼번에 올려 최종 금액을 점검하는 방식이 아주 유용했습니다.
템플릿 나눔 예고: 현재는 저희 여행 일행 이름으로 고정되어 있지만, 조만간 누구나 이름과 인원수를 자유롭게 바꿀 수 있는 '범용 템플릿'으로 다듬어 블로그 이웃분들께 나눔할 예정입니다.
OCR 인식 확인은 필수: 영수증이 구겨지거나 현지 인쇄 상태가 흐리면 문자를 잘못 읽을 수 있습니다. 현장에서는 사진만 빠르게 찍어두고, 저녁에 숙소에서 한꺼번에 올려 최종 금액을 점검하는 방식이 아주 유용했습니다.
템플릿 나눔 예고: 현재는 저희 여행 일행 이름으로 고정되어 있지만, 조만간 누구나 이름과 인원수를 자유롭게 바꿀 수 있는 '범용 템플릿'으로 다듬어 블로그 이웃분들께 나눔할 예정입니다.
📚초보자도 이해하기 쉬운 AI용어 정리
안티그래비티(Anti-gravity): 복잡한 코딩 없이 말이나 아이디어만으로 웹 앱(Web App)을 완성해 주는 '지능형 요술봉' 같은 AI(Artificial Intelligence) 개발 도구입니다.
광학 문자 인식(OCR - Optical Character Recognition):
이미지(Image)나 종이 문서 속 글자를 읽어 디지털 텍스트(Text)로 변환해 주는 '디지털 스캐너(Digital Scanner)' 기술입니다. 더 자세한 내용은 🔗 Google Cloud Vision OCR 공식 문서에서 확인해 보세요.
🎁 [마무리글]
AI는 결코 젊은이들이나 IT 전문가만의 전유물이 아닙니다. 일상의 작은 불편함을 해결해 주는 가장 든든한 조력자일 뿐이지요. "밑져야 본전, 말 한마디 던져본다!"라는 가벼운 마음으로 여러분만의 멋진 도구 만들기에 꼭 도전해 보세요! 🌟
다음 포스팅에서는 안티그래비티(Anti-gravity)가 무엇인지 자세히 & 가볍게 다뤄볼께요^^ 많은 기대 부탁드립니다! 🎈
관련 링크 모음:
📌 이전 블로그 포스팅: 제미나이 캔버스기능으로 에스페란토(Esperanto) 게임 웹을 만든 50대의 첫 AI 도전기)
🌐 Read in English: Building My Own Travel Expense AI App for Germany Using Anti-gravity)
🔗 도움될 만한 웹사이트 :
Google Gemini 공식 웹사이트