도시아재
도시아재
🏅 AI 마스터
🚀 SNS 챌린지 달성자

부동산투자 클래스를 마치면서 성수지역 임장을 위한 앱 제작 및 배포

이번 사례는 20기 부동산 클래스를 마감하면서 얻은 인사이트를 통해 나만의 컨텐츠를 제작하게 되어 망각으로 인한 손실을 줄이고자 결과물에 대한 준비했던 것부터 과정, 결과 및 활용 등에 대해 회고하면 일기형식으로 적어봅니다.

부동산업과 부동산 중개업을 하고 있지만, 초보 공인중개사를 대상으로 중개실무, 부동산과 관련된 AI 교육, 법원 경매등에 가끔 교육을 하고 있는 상황이라,

제가 속한 전국단위의 공인중개사 모임에서 진행하는 서울과 수도권 주요지역의 임장 클래스를 기획하면서 이번 수업에서 얻은 인사이트로 주거용 부동산에 국한에서가 아니라 지역의 입지분석, 상권분석 등을 통해 지역의 부동산 가치를 바라보고 지역 내의 특수상황을 파악하여 공인중개사에게는 지역을 바라보는 통찰력과 그런 경험을 통해 향후 창업이나 취업 시 부동산 매물을 해석하는 능력을 키우고자 2월에 성수지역 임장 클래스를 만들게 되었다..

총 4개의 테마를 통한 성수지역 전체의 흐름을 이해하고 지역내 특수성을 고려햐여 4개의 테마로 4개의 코스를 임장하기로 하였다.

지난 사례에서 언급했듯이..4개의 테마는 (RSA 총동문회 임장자료 중 일부)

  1. 하이엔드 주거 부분(재개발: 성수 전략 정비구역) - 차세대 최고급 주거 벨트

  2. 브랜딩 상권(임정제한 구역/성수동 아뜰리에길)

  3. IT 지식산업(기업유치) - 준공업지역, 성수IT 산업지역

  4. 팝업 & 콘텐츠(용도구역) - 팝업스토어의 성지, 연무장길

로 나누어 성수지역 임자을 세분하하고 각 테마별 임장 코스를 설정하였다.

그래서 이런 임장 수업을 차별화 하기 위해 기획하고 고민하면서 최종적으로는 임장 전/ 임장 중 / 임장 후 활용할 수 있는 대시보드 형태의 앱을 제작하여 배포해 보고자 작업을 시작했다.

그 흐름을 정리해 본다.

🚀 [Case Study] AI와 함께하는 스마트 임장: 성수동 대시보드 제작기

공인중개사의 전문성과 AI 기술이 만나 탄생한 '성수동 임장 대시보드' 프로젝트의 기획부터 배포까지의 72시간 기록입니다.

01. 기획과 원시 데이터 가공 (The Knowledge Architect)

  • 시작: 60페이지가 넘는 방대한 '임장 PDF' 자료집을 모바일에서 한눈에 볼 수 있게 만들자는 아이디어에서 출발.

  • Antigravity의 역할: 방대한 PDF 데이터에서 핵심 정보(테마, 코스명, 특징 등)를 자동으로 추출하는 파이썬 스크립트(

    extract_pdf.py) 설계 및 데이터 구조화.

  • 인사이트: 단순히 글자를 읽는 것이 아니라, 앱 개발에 바로 쓸 수 있는 형태(JSON/JS 객체)로 데이터를 정제하는 것이 첫 단추였습니다.

02. 프리미엄 디자인 및 UI 구현 (The UI/UX Expert)

  • 디자인 컨셉: 공인중개사의 전문성이 돋보이는 '다크 모드' 기반의 프리미엄 디자인.

  • 주요 기능:

    • 4가지 테마별 임장 코스 (하이엔드 주거, 브랜딩 상권 등)

    • 장소별 상세 체크리스트 및 실시간 스케줄 관리

    • 모바일 최적화 하단 내비게이션(Bottom Nav)

  • Antigravity의 역할: React와 Vite를 활용해 매끄럽고 빠른 사용자 경험(UX)을 구축.

  • 인사이트: 'WOW' 할 수 있는 첫인상을 위해 웹 폰트, 미세한 애니메이션, 직관적인 아이콘 배치를 최우선으로 했습니다.

03. 보안과 접속 관리 (The Security Consultant)

  • 필요성: 귀중한 임장 자료가 아무에게나 노출되지 않도록 '비밀번호 관문' 설치.

  • 기술 구현: Client-side Password Gate 구축. 한 번 로그인 시 1시간 동안 세션 유지.

  • Antigravity의 역할: 코드 수정 없이 Vercel 관리자 페이지에서 비밀번호를 바꿀 수 있도록 환경변수(

    VITE_APP_PASSWORD

    ) 시스템 설계.

  • 인사이트: 복잡한 백엔드 서버 없이도 클라이언트단에서 충분히 강력한 보안 장치를 마련해 실용성을 높였습니다.

04. 클라우드 배포와 트러블슈팅 (The DevOps Engineer)

  • 과정: GitHub 연동을 통한 자동 배포 환경(Vercel) 구축.

  • 문제 해결: 초기 배포 시 발생한 404 에러와 폴더 경로 이슈를 해결하기 위해 프로젝트 구조를 전면 재조정(Flattening structure).

  • Antigravity의 역할: 배포 로그를 직접 분석하여 에러 원인을 파악하고, 최적화된

    vercel.json 설정으로 '무중단 자동 배포'를 실현.

  • 인사이트: 개발 과정에서 발생하는 예상치 못한 오류를 AI가 로그 분석을 통해 즉각 대응하며 시간을 획기적으로 단축했습니다.

05. 확장을 위한 'Skill'화 (The Solution Architect)

  • 미래 전략: 성수동을 넘어 동탄, 인천 등 다른 지역으로의 확장을 대비.

  • 디지털 매뉴얼: 상위 폴더에 [임장_대시보드_제작_가이드.md]와 AI 전용 [create-new-region] 워크플로우 설치.

  • Antigravity의 역할: 1회성 작업을 넘어, 사장님이 다음 지역 자료만 주면 AI가 즉시 결과물을 낼 수 있는 'Skill(기술)'로 업무 스타일을 학습 및 자산화.

  • 인사이트: "사람은 콘텐츠(자료)에 집중하고, AI는 형식(시스템)을 복제한다"는 업무 자동화의 진수를 경험했습니다.


사족:

대시보드는 모바일에서 이용하고자 처음부터 모바일에 최적화된 ui를 구성하고자 제작하였고 비개발자이다 보니 코딩에 ㅋ자도 모르는 사람이라 chatGPT 등을 최대한 괴롭혀? 가면서 결과를 만들었습니다.

앱은 초기에 비밀번호를 입력하도록 했고 필요시 VERCEL에서 비번은 변경이 가능하도록 했습니다.(불특정 다수 사용 금지/ 업데이트 시 재배포 / 공인중개사 전용)

휴대폰에 있는 한국어 앱의 스크린샷
주황색 배경의 한국 앱 스크린샷

이번 수업으로 부동산 투자가 주거형 부동산이 아닌, 투자자만의 입장이 아닌.. 부동산 투자자이외에 이해관계자로 확대해서 AI를 적용하고 컨텐츠를 만들 수 있는 소중한 시간이었습니다.😀

진행하면서 어려웠던 점..
quota 초과로 다른 모델들을 계속 바꿔가며 사용하여 아쉬었슴.. 유료로 전환해서 gemini 3 pro(high) 모델을 계속 쓰려는 유혹에 여러번 빠졌지만.. chatGPT를 왔다갔다 하며 겨우 유효 quota 내에서 마무리 할 수 있었습니다.😂

1

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요