[plant] map안에서 async await 사용하기

시도

좋아요 기능을 만들고, 마이페이지에서 회원당 좋아요한 게시글 리스트를 불러와야 하는데
LikeData에는 게시글 title이 없었고 게시글 id만 존재해서
게시글 id로 DB에서 PostData를 불러오는 방식으로 해결하기로 했다

문제

데이터가 출력되지 않고
Promise< Pending > 으로만 출력되는 에러
map으로 Promise 배열을 리턴하게 구현된 것

해결

전체가 Promise인 배열을 받아 실행하고, 새로운 Promise를 반환
즉 모든 Promise가 연쇄적으로 resolve 되도록 Promise.all 사용

참고

map, reduce 함수에서 async/await 쓰기
[JS] async/await 사용 시 Promise { <pending> } 이 뜨는 이유 ?