주제별 영상 제공 웹 서비스

핵심 내용

• 주제별 영상 제공 모바일 웹 서비스 파일럿 프로젝트 개요
• Vue.js SPA 프론트엔드와 Spring Boot REST API 백엔드 구성
• 뉴스 크롤링, 음원 차트, 유튜브 영상 검색, 로그인/즐겨찾기, 인기영상 기능 구현
• GitHub Issue와 Project로 일정 관리, 번들 분석과 코드 스플리팅으로 성능 최적화

구조와 흐름

• SPA + REST API 구조로 클라이언트와 서버 역할 분리
• Vuex 모듈화 상태 관리와 vue-router 기반 화면 전환
• Jsoup 크롤링, 캐시 저장, YouTube Search API 연동, JWT 인증 흐름

적용해볼 점

• 크롤링 데이터의 캐시 재사용으로 API 호출 절감
• 번들 분석 후 불필요한 패키지 제거와 Lazy Loading 적용
• Issue, Milestone, Project 연동으로 소규모 일정 관리