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

천안 인사이트

흩어진 천안 지역 정보를 모아 시민 관심사, 생활 정보, 추천 콘텐츠를 한 화면에서 확인하는 웹 서비스입니다.

ch.xmin.io

02

발표 목차

짧은 소개 후 실제 서비스 시연을 중심으로 진행합니다.

01팀원 소개

02주제 선정 배경

03기술 스택

04동작 플로우

05서비스 시연

06API 수집 출처와 마무리

03

팀원 소개

각자 맡은 역할을 나누고, 구현과 문서화를 함께 진행했습니다.

팀장

주수민

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

Front

이채영

프론트엔드 · UI/UX

Docs

이정원

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

Back

조성현

백엔드 · DB

Front

남영우

프론트엔드 · UI/UX

UI/UX

강민준

UI/UX · 미참여

04

주제 선정 배경

지역 정보는 많지만, 필요한 순간에 한눈에 보기 어렵습니다.

흩어진 정보

행사, 맛집, 청년 지원, 지역 반응이 여러 사이트에 분산되어 있습니다.

읽기 어려운 흐름

게시글과 공지사항만으로는 지금 어떤 이슈가 중요한지 파악하기 어렵습니다.

행동까지의 거리

좋은 정보를 발견해도 상세 출처와 실제 행동으로 바로 이어지기 쉽지 않습니다.

천안 인사이트는 지역 데이터를 한곳에 모아, 천안의 흐름과 생활 정보를 함께 보여줍니다.

05

사용된 기술 스택

수집, 분석, API, 화면, 배포까지 웹 서비스 전체 흐름을 구성했습니다.

Crawling
BeautifulSoup · Selenium · 공식 API

Analysis
KcELECTRA · BERTopic · KeyBERT

Backend
FastAPI · REST API

Database
PostgreSQL · 홈서버 DB

Frontend
React · Recharts

Infra
홈서버 · Cloudflare Tunnel/Pages

06

동작 플로우

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

수집공공 데이터, 지역 게시글, 장소 정보 수집
저장중복 제거 후 데이터베이스에 저장
분석감성, 토픽, 키워드, 태그 생성
제공홈서버 API를 Cloudflare 경유로 공개
탐색대시보드와 연령별 탭에서 확인

07

서비스 시연

실제 서비스에서 천안의 흐름과 생활 정보를 확인합니다.

01메인 대시보드에서 오늘의 토픽과 지역 반응 확인

02맛집, 행사, 청년 정보처럼 바로 쓸 수 있는 정보 탐색

03청소년, 대학생, 직장인, 가족 등 상황별 탭 이동

04관심 있는 항목은 원문 링크와 상세 정보로 연결

ch.xmin.io

08

데이터·API 수집 출처

동작에 필요한 데이터는 공식 API와 공개 게시판 중심으로 수집했습니다.

Naver Search API

천안 관련 블로그 글과 장소 검색 메타데이터를 수집합니다.

data.go.kr

문화행사, 축제, 부동산 등 공공 데이터를 활용합니다.

Saramin API

천안 지역 채용 정보를 서비스 탭에 연결합니다.

공개 게시판

천안시청, 대학 공지, 지역 커뮤니티의 공개 정보를 수집합니다.

09

마무리

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

기획데이터보다 먼저 사용자가 어떤 결정을 해야 하는지 생각했습니다.

구현수집, 분석, API, 화면이 맞물려야 서비스가 완성된다는 점을 배웠습니다.

운영배포와 도메인 연결까지 경험하며 실제 공개 서비스 흐름을 익혔습니다.

개선모바일 경험, 추천 품질, 데이터 신뢰도를 계속 높이고 싶습니다.

천안 인사이트 · ch.xmin.io

10

활동 사진

프로젝트 진행 과정에서 촬영한 팀 활동 사진을 콜라주 형태로 첨부합니다.

활동 사진 콜라주 첨부 영역

11

작업 산출물

GitHub 커밋·이슈 흐름과 Figma UI/UX 작업 화면을 첨부합니다.

GitHub 커밋 내역 화면 — GitHub 커밋 내역 **커밋 131개**

12

회의록·보고서

회의 기록과 최종 보고서 자료를 첨부합니다.

회의록·보고서 첨부 영역