[🚀 Dev Log] 박소영 / 2022-06-11

[soyoung931014]

오늘은 어떻게 프로젝트에 기여했나요?

• 백엔드 comment RUD 기능을 구현했다.

오늘의 프로젝트에서 기억할만한 부분이 있나요?

비동기 함수 안에서 map메소드를 이용해 배열 값을 순회하려했더니 아래와 같은 데이터를 가지고 오지 못하는 문제가 생겼다.

내가 작성한 코드

 async getBoardComments(id: number) {
    try {
      const comments = await this.commentRepository.find({ board_id: id });
      if (comments) {
        const user = comments.map( async (el) => {
            return await this.userRepository.findOne({ id: el.user_id });
          }),
        );
        console.log(user, 'user');
      }
    } catch (error) {
      return error;
    }

찾아보니 콜백함수에 async가 들어가면 , Array.map은 처리되지 않은 Promise의 배열을 return한다고 한다. pending상태는 resolve 상태도 아니고 reject 상태도 아니다. 따라서 Promise.all()을 적용시켜주면 resolve된 값들을 볼 수 있다.

헤결: Promise.all()적용

 async getBoardComments(id: number) {
    try {
      const comments = await this.commentRepository.find({ board_id: id });
      if (comments) {
        const user = await Promise.all(
          comments.map( async(el) => {
            return await this.userRepository.findOne({ id: el.user_id });
          }),
        );
        console.log(user, 'user');
      }
    } catch (error) {
      return error;
    }

정상적으로 데이터를 가져오는걸 알 수 있다.

내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

• comment 프론트
• 네브 수정