v1.4 / v1.5change journal

POP-SPOT v1.4 / v1.5 (10/22) — v1.4 보강 (DTO 15 + 엔티티 7) + v1.5 프론트 Clean Code Wave 1-4, 7

김동현228
#백엔드#프론트엔드#회고#트러블슈팅
v1.4 / v1.5 변경 기록의 이어지는 부분이다. 같은 검증 ID dcc58899695385a55eff935199166df24230ab2430603e6005d057bb3f01fcca를 사용한다.
커밋 78e1c1c — feat(music): POP·MUSIC 페이지 + 상점 페이지 제거변경 파일 8

GitHub에서 이 커밋 보기

파일 5. popspot-frontend/app/shop/page.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 6. popspot-frontend/src/components/MateBoard.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 7. popspot-frontend/src/components/SecretTip.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 8. popspot-frontend/src/components/layout/BottomDock.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 9. popspot-frontend/src/components/music/MusicForPopup.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 10. popspot-frontend/src/components/music/MusicPlayerModal.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 11. popspot-frontend/src/components/music/useYouTubePlayer.ts

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 12. popspot-frontend/src/types/music.ts

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

커밋 9c261ad — feat(music): Spotify 검색 + YouTube 재생 + 글로벌 플레이어 + 자동 추천변경 파일 9

GitHub에서 이 커밋 보기

쉬운 설명: Spotify 검색 + YouTube 재생 + 글로벌 플레이어 + 자동 추천 작업이다.

바꾼 이유: - 검색 소스를 iTunes -> Spotify Web API 로 전환 (한국 곡 매칭률 향상) - Client Credentials Flow 토큰 캐시 + 한글 검색 시 KR market 우선 - music_track 영구 캐시 (24h TTL 제거, youtube_video_id 기준) - YouTube 검색은 재생 시점에만 lazy fetch, quota 초과 자동 차단 - 카테고리 검색 엔드포인트 GET /api/music/category - 곡 종료 시 다음 자동 재생용 GET /api/music/{trackId}/next - 검색어/limit 입력 검증 + 사이즈 cap - V6 마이그레이션: spotify_track_id 컬럼 + itunes_track_id nullable

파일 수: 9개이다.


파일 1. popspot-backend/src/main/java/com/example/popspotbackend/controller/MusicController.java

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 2. popspot-backend/src/main/java/com/example/popspotbackend/entity/MusicTrack.java

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 3. popspot-backend/src/main/java/com/example/popspotbackend/repository/MusicTrackRepository.java

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 4. popspot-backend/src/main/java/com/example/popspotbackend/service/music/ITunesSearchService.java

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 5. popspot-backend/src/main/java/com/example/popspotbackend/service/music/MusicService.java

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 6. popspot-backend/src/main/java/com/example/popspotbackend/service/music/SpotifySearchService.java

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 7. popspot-backend/src/main/java/com/example/popspotbackend/service/music/YouTubeMusicSearchService.java

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 8. popspot-backend/src/main/resources/application.properties

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 9. popspot-backend/src/main/resources/db/migration/V6__music_spotify.sql

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

커밋 8f03504 — feat(music): 글로벌 미니/풀 플레이어 + 홈 탭 통합변경 파일 10

GitHub에서 이 커밋 보기

쉬운 설명: 글로벌 미니/풀 플레이어 + 홈 탭 통합 작업이다.

바꾼 이유: - MusicPlayerProvider (Context) 로 라우트 이동에도 재생 유지 - GlobalMusicPlayer: 미니바(하단 고정) + 풀스크린 두 모드, 펼치기/접기 - 미니 플레이어에 1순위 매칭 팝업 노출 - /music 페이지 폐기 -> 홈의 MUSIC 탭으로 통합 (BottomDock currentTab) - /music 라우트는 /?tab=music 으로 redirect (북마크 호환) - MusicTab: 검색 + 10개 카테고리 칩 + 인기 차트 + 룰렛 + 패스포트 진입 - 곡 종료 시 추천 큐에서 자동 다음 곡 재생 - 옛 MusicPlayerModal/MusicForPopup 자체 모달 -> 글로벌 플레이어로 전환

파일 수: 10개이다.


파일 1. popspot-frontend/app/layout.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 2. popspot-frontend/app/music/page.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 3. popspot-frontend/app/music/passport/page.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 4. popspot-frontend/app/page.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 5. popspot-frontend/src/components/layout/BottomDock.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 6. popspot-frontend/src/components/music/GlobalMusicPlayer.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 7. popspot-frontend/src/components/music/MusicForPopup.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 8. popspot-frontend/src/components/music/MusicPlayerModal.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 9. popspot-frontend/src/components/music/MusicPlayerProvider.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

파일 10. popspot-frontend/src/components/music/MusicTab.tsx

파일 전체 문맥

조각만 보면 알기 어려운 코드를 파일 처음부터 끝까지 보여 준다. 초록은 추가·수정, 빨강은 삭제된 줄이다.

공유XLinkedIn

댓글