카테고리 없음

AI 기술로 개선한 '결제내역 N분의 1' 앱: ChatGPT-4를 활용한 디자인 및 기능 업그레이드

it공작소 2024. 8. 18. 09:52

이전에 OCR 기술을 활용해 카드 사용내역을 인식하고 계산하는 간단한 웹앱을 만들었습니다. 

그때 AI를 이용한 자동인식 기능을 추가하겠다고 약속했는데, 

드디어 그 약속을 지켜 프로젝트를 완성했습니다.

 

## 왜 다시 시작했나요?

우연히 한 스타트업의 앱 정보를 보게 됐어요. 영수증 내역을 공유하고 계산하는 앱이었죠. 그걸 보면서 문득 깨달았습니다. "아, 스타트업의 성공은 아이디어보다 실행력이구나!"

하지만 저는 조금 다르게 접근하기로 했어요. 요즘은 영수증보다 카드를 더 많이 쓰잖아요? 그래서 카드 내역을 활용하는 게 더 실용적일 거라고 생각했습니다.
  

이전에 만든 앱을 잠시봅니다. 

먼가 디자인이 처참한데요.

 

첫화면
사진업로드 후 ocr 인식

 

인원수로 계산

 

이 프로젝트의 가장 큰 과제는 다양한 카드사의 이용내역 구조를 해석하는 것이었 습니다. 

각 카드사마다 날짜, 시간, 할인 등의 정보를 다르게 표시하기 때문입니다. 

 

이 문제를 해결하기 위해 AI 기술을 도입했고, 그 결과 더욱 정확하고 효율적인 앱을 만들 수 있었습니다.
AI의 도움으로 기능뿐만 아니라 디자인도 개선되어 사용자 경험이 한층 업그레이드되었습니다. 이번 프로젝트를 통해 AI 기술의 실용성과 잠재력을 직접 경험할 수 있었습니다.

 

 

## 기존 방식의 한계

처음에는 TESSERACT JS와 TENSOR FLOW 같은 기술을 썼어요. 문자를 인식하고 특징을 구분해서 정보를 저장하고 계산했죠. 그런데 문제가 있었어요.

1. 카드사마다 이용내역 구조가 달라요.
2. 앱이 업데이트되면 우리 앱도 매번 수정해야 해요.
3. 글자는 읽을 수 있지만, 그 의미는 이해하지 못해요.

## AI의 등장, 게임 체인저!

여기서 AI가 빛을 발했습니다. AI는 단순히 글자를 읽는 게 아니라 문맥을 이해해요. 카드 이용내역을 자동으로 분석하고 계산까지 해주죠. 정말 똑똑하지 않나요?

이번에는 ChatGPT-4와 Claude 3.5를 활용했어요. 놀랍게도 삼성카드, 현대카드, 신한카드 모두 정상 작동하더라구요!

 

 

claude 에 디자인까지 새로 부탁해요!



정말깔끔해졋네요


## 동작 프로세스

 

1. 카드 사용내역 업로드
2. AI가 내역을 인식하고 해석
3. 필요하면 가격 수정 가능
4. N분의 1 계산하고 친구들과 공유!

카드내역 인식 신형앱
카드내역인식 진행상태 가격 모두 정상



n 빵 나누기 까지 완료 항목추가등 모두 정상동작



## 느낀 점

 

이 프로젝트를 통해 정말 많은 것을 배웠어요. AI 기술의 잠재력을 직접 경험해보니, 미래가 더 기대되더라구요. 물론 아직 개선할 점도 많아요. 더 많은 카드사를 테스트해봐야 하고, 오류가 나면 프롬프트도 수정해야 하겠죠.

하지만 이런 과정이 바로 개발의 묘미 아닐까요? 앞으로도 이 앱을 더 발전시켜 나갈 생각이에요. 여러분의 의견도 듣고 싶어요. 어떤 기능이 더 필요할까요?

함께 성장하는 즐거움, 앞으로도 계속 나눠보아요!