내일배움캠프_WIL_2022.12.11

아래 프로필 카드의 신청 또는 참여확정된 인원 수를 파악하기 위해서는

지난번 JSON 형태의 데이터에서

"workshop_apply_guest": [
        {
            "guest": 2,
            "guest_name": "js",
            "workshop": "뷰티 클래스",
            "result": "대기",
            "created_at": "2022-12-16T18:44:06.745497"
        },
        {
            "guest": 2,
            "guest_name": "js",
            "workshop": "배드민턴 클래스",
            "result": "대기",
            "created_at": "2022-12-16T18:44:10.909492"
        }
    ]

위와 같이 자신이 신청한 워크샵 정보들이 나올텐데 신청 결과는 대기, 승인, 거절 중 하나로 결정이 된다.

따라서 자바스크립트 부분을 작성할 때도 if 문을 통해 구분해서 정보를 불러와야 하며,  갯수 셀 때 많이 쓰는 방식인 sum=0 지정 후 for문에서 sum +=1 을 입력하는 방식을 적용해 보았다.

 

const profilePartiFix2 = document.createElement('div')
            profilePartiFix2.setAttribute('class', 'mypage-profileparticipatefix-2')
            sum = 0
            for (i = 0; i < data["workshop_apply_guest"].length; i++) {
                if (data['workshop_apply_guest'][i]['result'] == '승인') {
                    sum += 1
                }
            }
            profilePartiFix2.innerText = sum + '개'
            profilePartiFix.appendChild(profilePartiFix2)

참여확정(승인)된 워크샵 수를 반영하는 코드 예시이며, 2개를 신청했으나 아직 대기 상태라 0개로 나오는 것