01

소프트웨어공학 프로젝트 발표 · 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

동작 플로우

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

  1. 수집공공 데이터, 지역 게시글, 장소 정보 수집
  2. 저장중복 제거 후 데이터베이스에 저장
  3. 분석감성, 토픽, 키워드, 태그 생성
  4. 제공홈서버 API를 Cloudflare 경유로 공개
  5. 탐색대시보드와 연령별 탭에서 확인
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 캡처 영역
Figma 캡처 영역
12

회의록·보고서

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

회의록·보고서 첨부 영역
1 / 12