바이브코딩으로 호갱노노 만들어보기 (with Google Antigravity)
- 실거래가 목록을 저장하고 UI에 출력 한다.
- Cloudflare를 활용해 서버구동 없이 동작 하도록 한다.
1. 법정동 코드 추출 및 DB에 저장
법정동코드를 추출 합니다.
1.법정동 10자리중 앞의 5자리만 추출 합니다. 중복은 제거 합니다.
2.폐지된 정보는 제거 합니다.
중복을 제거하고 앞의 5자리만 추출해서 별도의 파일로 저장 해주세요.
파이썬을 설치하고 code.py를 실행 해줘
법정코드 다섯자리 추출에 법정동명을 같이 저장 하도록 수정해줘
법정동 코드 5자리 추출을 cloudflare d1에 저장하려고 합니다. 데이터 베이스 이름은 remc입니다.
1.remc데이터 베이스에 lawd_cd 테이블을 생성 합니다.
2.테이블에 code, name필드를 추가합니다.
3.code, name에 각각 내용을 저장 합니다.
파이썬 스크립트로 작성 해주세요
2. Backend 설정 및 거래 목록 DB저장
d1 remc데이터베이스의 apt_trade테이블에 primary key로 key 필드를 추가 해주세요
backend 폴더 아래에 express 백엔드 서버를 생성 해줘
lawd_cd를 순회 하면서 apt_trade에 데이터를 추가하는 백엔드 서비스를 생성해줘
https://apis.data.go.kr/1613000/RTMSDataSvcAptTradeDev/getRTMSDataSvcAptTradeDev?serviceKey=aaa&LAWD_CD=41117&DEAL_YMD=202512&pageNo=1&numOfRows=100
위 api로 트레이드 목록을 가져 올 수 있습니다.
DEAL_YMD는 현재 년월을 입력 합니다. (202512)
LAWD_CD는 lawd_cd의 code 값을 입력 합니다.
아래 시나리오로 동작 합니다.
1.d1의 lawd_cd목록을 모두 가져 옵니다.
2.lawd_cd 목록을 순회 합니다.
3.LAWD_CD와 DEAL_YMD를 조합해 api를 호출 하고, 호출된 결과 데이터를 apt_trade테이블에 저장 합니다.
4.순회 할때 현재 code가 어디 인지 lawd_cd를 로그로 출력 합니다.
3. Frontend 설정 및 거래 목록 출력
frontend 폴더에 remix, react, shadcn(+tailwind css) 으로 구성된 프론트엔드 환경을 구성해줘
frontend에 apt_trade목록을 가격순으로 정렬해서 높은순에서 낮은 순으로 보여 지도록 하는 ui를 만들고, 백엔드를 연동 해주세요
/api/trades api 역할을 수행하는 worker를 생성 및 동작을 구현하고,frontend에서 worker api를 호출 하도록 수정 해주세요. worker이름은 REMC입니다.
remc worker를 생성 하였습니다. cloudflare에 코드를 업데이트 해주세요
demo : https://remc.suseona.com