슬기로운 은퇴생활 (Frontend)

AI 기반 수도권 은퇴자의 지방 정착 지원 플랫폼의 프론트엔드 프로젝트입니다.
Vue.js와 Vite를 기반으로 개발되었으며, 사용자 맞춤형 추천과 지역 커뮤니티 기능을 제공합니다.

---

프로젝트 개요

• 프로젝트 명: 슬기로운 은퇴생활
• 목표: 수도권 은퇴자에게 맞춤형 지역·일자리 추천과 정착 지원을 제공하는 디지털 플랫폼 구축
• 핵심 가치: 은퇴자의 안정적 정착 & 지역사회 활성화

---

주요 기능

• 맞춤 추천
  • 사용자 성향 테스트를 통한 맞춤형 정착 지역 및 일자리 추천
  • AI 기반 지역 추천 분석 리포트 제공
• 지역 정보 제공
  • 의료, 교통, 문화, 교육 등 생활 인프라 데이터 제공
  • Kakao Map API 기반 지도 시각화
• 커뮤니티 & 체험단
  • 지역 커뮤니티 게시판 (게시글/댓글/좋아요)
  • 포인트 적립 → 체험단 쿠폰 → 리뷰 작성 → 지역 경제 활성화
• 마이페이지
  • 보유 포인트, 체험단 쿠폰 내역, 내가 쓴 글 관리

---

기술 스택

Frontend

• Vue.js (Vite 기반)
• JavaScript (ES6+)
• Chart.js (데이터 시각화)
• Kakao Map API (지도 시각화)

Backend (별도 프로젝트)

• Spring Framework
• MyBatis
• REST API 연동
• OpenAI / Perplexity API 활용 추천 시스템

Database

• MySQL (RDS 기반)
• 공공데이터 API, 고용정보원 데이터 연동

---

📂 프로젝트 구조

Frontend/
┣ src/
┃ ┣ assets/ # 정적 자원 (이미지, CSS 등)
┃ ┣ components/ # 공통 컴포넌트
┃ ┣ views/ # 페이지 단위 컴포넌트
┃ ┣ router/ # Vue Router 설정
┃ ┣ store/ # 상태 관리 (Pinia/Vuex)
┃ ┗ App.vue # 루트 컴포넌트
┣ public/ # 정적 파일
┣ package.json
┗ vite.config.js

팀 역할분담

기획: 서비스 목적 정의, 전체 아키텍처 설계, 사용자 시나리오 정의

Frontend: Vue.js 기반 UI/UX, KakaoMap API 활용 지도 시각화

Backend: Spring 기반 API, 추천 시스템 및 데이터 처리 로직, DB 설계

AI/데이터: OpenAI·Perplexity API 연동, 공공데이터 처리 및 추천 알고리즘

기대 효과

경제적 효과: 지역 소상공인 활성화, 체험단 기반 홍보 모델 구축

사회적 효과: 수도권 과밀 해소, 은퇴자의 안정적 제2의 삶 지원

기술적 효과: LLM 기반 맞춤 추천, 공공데이터·지도 API 연동

개발 일정 (요약)

아이디어 기획 및 설계 (6월)

프론트/백엔드 개발 및 멘토링 (7~8월)

기능 개선 및 본선 준비 (8~9월)