01

소프트웨어공학 프로젝트 발표 · 3분

천안 인사이트

천안 지역 데이터로 여론 흐름과 생활 정보를 보여주는 대시보드

ch.xmin.io
천안 인사이트 - 시민의 생각이 모여, 더 나은 천안으로
02

팀원 소개

기획, 구현, 디자인, 문서화를 나누어 진행했습니다.

팀장

주수민

총괄 · 백엔드 · 프론트엔드 · DB · 서버 · 배포

Front

이채영

프론트엔드 · UI/UX

Docs

이정원

UI/UX · 서기 · 보고서 작성

Back

조성현

백엔드 · DB

Front

남영우

프론트엔드 · UI/UX

03

주제 선정 배경과 차별점

천안의 여론과 생활 트렌드를 읽어주는 대시보드입니다.

지역 여론 분석

감성 · 키워드 · 토픽 변화

천안 초지역형

천안 중심 데이터 수집

상황별 추천

연령 · 생활 맥락 · 리뷰 감성

기존 사이트가 정보를 검색하게 한다면, 천안 인사이트는 지역 흐름을 해석합니다.
04

사용된 기술 스택

수집부터 배포까지 하나의 서비스 흐름으로 구성했습니다.

Crawling BeautifulSoup · Selenium · 공식 API 게시글 · 리뷰 · 행사 · 채용 수집
Analysis KcELECTRA · BERTopic · KeyBERT 감성 · 토픽 · 키워드 분석
Backend FastAPI · REST API 통계 · 목록 API 제공
Database PostgreSQL · 홈서버 DB 수집/분석 결과 저장
Frontend React · Recharts 차트 · 추천 · 탭 화면
Infra 홈서버 · Cloudflare Tunnel/Pages 도메인 연결 · 외부 공개
05

동작 플로우

데이터가 화면에 표시되기까지의 흐름입니다.

Cheonan Insight System Home Server Cloudflare Edge External Data Blog · Review · API Crawler Selenium · API Preprocess Clean · Normalize PostgreSQL Raw / Analyzed Data AI Analysis Sentiment · Topic FastAPI REST API Cloudflare Tunnel React Dashboard Pages User
06

서비스 시연

천안의 흐름과 생활 정보를 직접 확인합니다.

01데이트 하려는 20대 커플
02이동이 불편한 장애인
03천안에 살고 있는 외국인
ch.xmin.io
07

협업 과정

GitHub와 Figma로 남긴 협업 기록입니다.

GitHub 커밋 내역 커밋 131개
GitHub 커밋 내역 화면
Figma UI/UX 작업 화면
Figma UI/UX 작업 화면
08

마무리

데이터를 실제 사용 경험으로 바꾸는 과정이 핵심이었습니다.

기획천안 시민이 자주 찾는 생활 정보를 사용자 그룹별로 정리
구현데이터 수집, AI 분석, 화면 표시까지 하나의 흐름으로 연결
운영홈서버 기반 API와 Cloudflare 배포로 실제 접속 환경 구성
개선추천 기준과 데이터 출처를 보강해 신뢰도와 활용성 향상
팀 소감

단순히 화면을 만드는 것보다, 데이터를 수집하고 분석해 실제 사용자가 이해할 수 있는 서비스로 연결하는 과정이 가장 큰 배움이었습니다.

09

활동 사진

온라인 회의와 오프라인 작업 기록입니다.

강의실에서 팀원이 함께 노트북을 보며 작업하는 모습
온라인 회의 참여 화면
온라인 회의 화면 2
Zoom 회의 참여 화면
온라인 회의 화면 3
온라인 회의 화면 4
온라인 회의 화면 5
온라인 회의 화면 6
온라인 회의 화면 7
감사합니다.
1 / 9
ch.xmin.io QR 코드 ch.xmin.io