프로젝트 배경
현대 시민들은 기후 위기, 재난, 교통 통제, 복지 사각지대 등 다양한 공공 이슈에 직면해 있으나, 관련 정보를 적시에 접하지 못해 피해를 입는 사례가 빈번합니다.
현재 공공정보 제공 시스템은 대부분 웹사이트 수동 검색, 카카오맵·네이버지도 등 지도 앱의 수동 탐색 기능에 의존하고 있어, 사용자의 행동을 전제로 한 접근 방식에 머무릅니다.
다시 말해, 시민이 필요한 순간에 알림을 받는 것이 아니라, 필요할 때 스스로 찾지 않으면 아무 정보도 받을 수 없는 구조라는 문제점이 있습니다.
이러한 한계를 해결하고자, 위치, 시간, 기상 등 **상황 기반 트리거(trigger) 조건에 따라 사용자에게 맞춤형 공공 정보를 능동적으로 전달하는 플랫폼을 목표로 기획 되었습니다.
또한, 누구나 사용할 수 있도록 오픈소스로 공개하여, 지자체, 커뮤니티, 복지기관, 시민 개발자들이 손쉽게 활용·확장 가능하도록 설계했습니다.
현재 공공정보 제공 시스템은 대부분 웹사이트 수동 검색, 카카오맵·네이버지도 등 지도 앱의 수동 탐색 기능에 의존하고 있어, 사용자의 행동을 전제로 한 접근 방식에 머무릅니다.
다시 말해, 시민이 필요한 순간에 알림을 받는 것이 아니라, 필요할 때 스스로 찾지 않으면 아무 정보도 받을 수 없는 구조라는 문제점이 있습니다.
이러한 한계를 해결하고자, 위치, 시간, 기상 등 **상황 기반 트리거(trigger) 조건에 따라 사용자에게 맞춤형 공공 정보를 능동적으로 전달하는 플랫폼을 목표로 기획 되었습니다.
또한, 누구나 사용할 수 있도록 오픈소스로 공개하여, 지자체, 커뮤니티, 복지기관, 시민 개발자들이 손쉽게 활용·확장 가능하도록 설계했습니다.
프로젝트 성과
2025 공개SW 개발자대회 참가
약 2개월만에 기획, UI/UX, 개발을 진행하여 제출 기한에 늦지 않게 대회에 참가하였습니다.
핵심 기능
인터랙티브 지도
실시간 시설 시각화 - 성능을 위한 클러스터링 지원
다중 카테고리 필터링 (공원, 도서관, 문화공간, 맛집 등)
스마트 위치 기반 검색 - 자동 완성 기능
개인화된 시설 추천
다중 카테고리 필터링 (공원, 도서관, 문화공간, 맛집 등)
스마트 위치 기반 검색 - 자동 완성 기능
개인화된 시설 추천
실시간 데이터 통합
인기 시설의 실시간 혼잡도
위치별 현재 날씨 정보 및 예보
대중교통 통합 (서울지하철 역사 정보)
자전거 대여소 (서울자전거 "따릉이")
위치별 현재 날씨 정보 및 예보
대중교통 통합 (서울지하철 역사 정보)
자전거 대여소 (서울자전거 "따릉이")
스마트 기능
AI 기반 추천 - 사용자 선호도 기반
시설 업데이트 및 알림 시스템
다크/라이트 모드 지원 - 시스템 설정 자동 감지
모든 기기에 최적화된 반응형 디자인
시설 업데이트 및 알림 시스템
다크/라이트 모드 지원 - 시스템 설정 자동 감지
모든 기기에 최적화된 반응형 디자인
사용자 경험
카카오 로그인 통합 - 개인화된 경험 제공
선호도 관리 - 영구 저장 지원
접근성 우선 설계 - WCAG 가이드라인 준수
프로그레시브 웹 앱 기능
선호도 관리 - 영구 저장 지원
접근성 우선 설계 - WCAG 가이드라인 준수
프로그레시브 웹 앱 기능
진행 단계
기획 및 요구사항 정의
2025.07.
이전 공개SW 개발자대회 수상작 분석
프로젝트 전략 논의
프로젝트 전략 논의
디자인
2025.07.
Figma를 활용한 와이어프레임 및 프로토타입 생성
개발 및 테스트
2025.07.
공공 데이터 API 분석 및 선정
인프라 구축
프론트엔드와 백엔드 연동
Local과 Vercel 환경 테스트
작업 내용 문서화
인프라 구축
프론트엔드와 백엔드 연동
Local과 Vercel 환경 테스트
작업 내용 문서화
프로젝트 상세
Seoul Fit은 서울시의 다양한 공공 데이터를 실시간으로 모니터링하여 사용자에게 맞춤형 알림을 제공하는 오픈소스 프로젝트입니다.
✨ 주요 기능
????️ 날씨 기반 알림: 폭염, 한파, 대기질 악화 시 실시간 알림
???? 따릉이 현황: 대여소별 자전거 부족/포화 상태 알림
????️ 문화행사 정보: 관심 있는 문화행사 및 공연 정보 알림
???? 인구 혼잡도: 지역별 실시간 혼잡도 정보 제공
???? 위치 기반 서비스: 사용자 위치 반경 2km 내 맞춤 정보
⚙️ 확장 가능한 아키텍처: 플러그인 형태의 새로운 기능 추가 지원
???? 대상 사용자
서울시민 및 방문객
실시간 도시 정보가 필요한 모든 사용자
공공 데이터 활용 개발자
오픈소스 기여자
???? 기술 스택
Backend
- Java 21: 최신 LTS 버전
- Spring Boot 3.x: 웹 애플리케이션 프레임워크
- Spring Security: 인증 및 보안
- Spring Data JPA: 데이터 액세스
- H2 Database: 개발용 인메모리 데이터베이스
- API : 서울시 실시간 도시 데이터, 따릉이 현황, 대기환경 현황, 문화행사 정보
- Maven: 빌드 도구
- Swagger/OpenAPI: API 문서화
- Lombok: 코드 간소화
- Jackson: JSON 처리
- WebClient: 비동기 HTTP 클라이언트
Frontend
- Next.js 15.4.4 : App Router를 사용한 React 프레임워크
- React 19.1.0 : 최신 기능을 갖춘 UI 라이브러리
- TypeScript 5 : 타입 안전한 JavaScript
- TailwindCSS 3.4.17 : 유틸리티 우선 CSS 프레임워크
- Radix UI : 접근성이 우수한 컴포넌트 기본 요소
- Lucide React : 아이콘 라이브러리
- Zustand : 경량 상태 관리
- React Context : 사용자 인증 및 선호도용
- 카카오맵 API : 인터랙티브 지도
- Geolocation API : 사용자 위치 서비스
- 실시간 데이터 : 서울 열린데이터 광장 통합
- Vercel : GitHub 연동 자동 배포
✨ 주요 기능
????️ 날씨 기반 알림: 폭염, 한파, 대기질 악화 시 실시간 알림
???? 따릉이 현황: 대여소별 자전거 부족/포화 상태 알림
????️ 문화행사 정보: 관심 있는 문화행사 및 공연 정보 알림
???? 인구 혼잡도: 지역별 실시간 혼잡도 정보 제공
???? 위치 기반 서비스: 사용자 위치 반경 2km 내 맞춤 정보
⚙️ 확장 가능한 아키텍처: 플러그인 형태의 새로운 기능 추가 지원
???? 대상 사용자
서울시민 및 방문객
실시간 도시 정보가 필요한 모든 사용자
공공 데이터 활용 개발자
오픈소스 기여자
???? 기술 스택
Backend
- Java 21: 최신 LTS 버전
- Spring Boot 3.x: 웹 애플리케이션 프레임워크
- Spring Security: 인증 및 보안
- Spring Data JPA: 데이터 액세스
- H2 Database: 개발용 인메모리 데이터베이스
- API : 서울시 실시간 도시 데이터, 따릉이 현황, 대기환경 현황, 문화행사 정보
- Maven: 빌드 도구
- Swagger/OpenAPI: API 문서화
- Lombok: 코드 간소화
- Jackson: JSON 처리
- WebClient: 비동기 HTTP 클라이언트
Frontend
- Next.js 15.4.4 : App Router를 사용한 React 프레임워크
- React 19.1.0 : 최신 기능을 갖춘 UI 라이브러리
- TypeScript 5 : 타입 안전한 JavaScript
- TailwindCSS 3.4.17 : 유틸리티 우선 CSS 프레임워크
- Radix UI : 접근성이 우수한 컴포넌트 기본 요소
- Lucide React : 아이콘 라이브러리
- Zustand : 경량 상태 관리
- React Context : 사용자 인증 및 선호도용
- 카카오맵 API : 인터랙티브 지도
- Geolocation API : 사용자 위치 서비스
- 실시간 데이터 : 서울 열린데이터 광장 통합
- Vercel : GitHub 연동 자동 배포






