✨FEAT: 노래 리스트 10개씩 추가하기

[GYURI-PARK]

💡 Feature Issue

처음 불러올 때 10개로 해서 10개 다보이고 스크롤뷰 내릴 때바마 10개씩 추가하기

이슈 내용	노래 리스트를 점진적으로 불러옵니다
마감 기한	2023.07.26

✅ To-do

• 노래 리스트 스크롤 내릴 때마다 추가합니다.

📝 시도해본 코드

1. ScrollView와 LazyVStack

{
        ScrollView {
            LazyVStack(spacing: 0) {
                ForEach(musicViewModel.songs, id: \.self) { song in
// ...

문제점

• NavigaitonLink가 걸리지 않음

LazyVStack와 ScrollView를 함께 사용할 때의 동작 차이 때문. ScrollView를 사용하면 뷰의 크기가 제한되지 않기 때문에 NavigationLink가 활성화되지 않을 수 있다. ScrollView 내부에서 LazyVStack을 사용하면 스크롤 영역이 무한으로 확장되며, 무한으로 스크롤이 가능하게 됨. 따라서 NavigationLink도 무한히 생성될 수 있으며, isActive 바인딩이 적절하게 업데이트되지 않아 버튼을 클릭해도 NavigationLink가 동작하지 않음

2. fetchMusic() 함수가 입력될 때마다 limit 변수의 값을 10씩 늘려주기

이게 가장 적합한 방법인 것 같은데.. 잘안된다ㅜㅜㅜ

// isLast 변수를 추가해 fetchMusic()함수를 실행시킴
// List뷰를 songData의 개수를 조건으로 조건문 형식으로 보여줌 
// -> ex) 10개가 다 보여졌을 때 fetchMusic() 함수를 실행시킴으로써 limit를 10추가함