배경 및 목적
개발의 'ㄱ'도 모를 때 강의들으며 무작정 출시했던 APP을 버블로 개선하여 웹앱 출시
당시 구현하지 못했던 DB기능을 버블을 통해서 구현 목표
활용 툴
ChatGPT : 전반적인 작동 구조 시험을 위해 JS, HTML로 단순 버전 작성
Midjourney : 서비스에 활용할 메인 이미지와 로고 아이콘 생성
Claude : 전반적인 앱 분위기와 테마를 아티팩트로 제작 (현 단계 미진행)
실행 과정
추가 기능 구현
KBO 홈페이지의 기록실 자료를 매일 자정에 받아와서 별도 DB에 (버블, AWS, FireBase 등) 일 단위로 저장
메인페이지에 캘린더를 구현하고 원하는 날짜를 선택하면 해당날짜 기준 팀별 Data 노출
가상의 경기 결과를 입력해서 팬들 입장에서의 'What IF...'를 충족하는 기능 추가
결과 및 인사이트
AI 도구의 역할과 한계에 대한 사전 확인 필요
Claude로는 페이지에 직접 접근해서 정보를 크롤링 할 수 없음
결과노출을 위해 값을 계산하고 '저장'하면 그 행위마다 과금이 될 수 있음
Custom State 사용하하면, 특정 요소(예: 그룹, 페이지 등)에 연결된 임시 저장소로 사용할 수 있음. 이 때 해당값은 페이지가 리로드되거나 사용자가 다른 페이지로 이동할 때까지 유지되므로 저장에 따른 과금을 피할 수 있음
Chat GPT를 통해 크롤링을 한 결과를 저장해서 화면'만' 구현함
(추가) Bubble.io 을 활용한 기존 앱화면 재구성
