Tue/13/Dec/22 -최종프로젝트-9

오늘도 최종 프로젝트를 진행 하며 하루 를 보냈다.

 

오늘 주로 한 내용은 어제 하던 걸 이어서 진행 하였다.

 

처음 구현 해보는 방식이기 떄문에 하루 종일 걸린거 같다. 

 

우선 신고된 글 리스트를 불러 온 후 상세  조회 하는 방식으로 진행 하였다.

 

처음에는 상세 조회 기능이 안되서 계속 다른 방식을 찾아보다

 

팀원 도움으로 해결 할 수 있었다. 성공한 방식은 forEach 를 이중 사용 하여 정보 를 두번 처리 하여 

 

원하는 정보를 얻을 해결 할 수 있었다.

 

그 후 삭제 기능을 구현 하였다. 하지만 아직 완벽 하게 구현 하지 못해 내일 이어서 구현 할 생각이다.

 

 (신고 된 글 상세 조회 완성 코드)

 

// 신고된 글 상세 조회
window.onload = async function loadReports() {
    report_feed_list = await getIndexReportList();
    // console.log(report_feed_list[0].reports);

    const report_list_box_wrap = document.getElementsByClassName("table")[0];

    report_feed_list.forEach(report_feed =>{

    report_feed.reports.forEach(rt =>{
        report_list_box_wrap.innerHTML +=` 
        <tr class="report-body" id="report-list">
            <td class="report" id="report">${rt.report}</td>
            <td class="user" id="user">${rt.user}</td>
            <td class="create_time" id="create_time">${rt.created_at}<a class="header-link"  href="#" onclick="deleteReport(${rt.id})">삭제</a>
            </td>
        </tr>
        `
        console.log(rt)

    })

    });
    

    


};