JS Carousel&DB

        let docs = await getDocs(collection(db, "DB"));
        let count = 0;
        docs.forEach((doc) => {
            let row = doc.data();

            let userid = row['id'];

            let A = `
                <div class="carousel-item ${userid === getUserId ? ' active' : ''}">
                    <div class="carousel-caption">
                        <div>
                            <a href="index.html">
                        </div>
                    </div>
                </div>
            `;

            let B = `
                    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="${count}" aria-label="Slide ${count + 1}" ${userid === getUserId ? ' aria-current="true" class="active"' : ''}"></button>
                `;

            $('#A').append(A);
            $('#B').append(B);

            count++;

        });

 

받아오는 id가 없다면 "userid === getUserId"을 "count === 0"으로 수정하여 첫번째 문서에 active를 줄 수 있다.