[✍️ Project Dev Log] 2022-01-08

[✍️ Dev Log] 2022-01-08

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

• lounge 전체 정보 조회 api기능 구현
• lounge 특정 정보 조회 api기능 구현
• 댓글 작성, 신고 작성 api기능 구현

오늘의 프로젝트에서 힘든 점은 무엇인가요?

sequelize에서 원하는 데이터만 추출

작성한 댓글을 불러와주는 기능을 구현하던 중
한 곳의 글에 작성된 다수의 댓글들을 한번에 가져와 줘야 하는데 이 부분에서 생긴 문제가
내가 필요한 정보는 dataValues값들만 필요했었는데

[
  comment {
    dataValues: {
      userId: 3,
      contents: '댓글 1',
      rating: 2,
      createdAt: 2022-01-08T13:01:29.000Z
    },
    _previousDataValues: {
      userId: 3,
      contents: '댓글 1',
      rating: 2,
      createdAt: 2022-01-08T13:01:29.000Z
    },
    uniqno: 1,
    _changed: Set(0) {},
    _options: {
      isNewRecord: false,
      _schema: null,
      _schemaDelimiter: '',
      raw: true,
      attributes: [Array]
    },
    isNewRecord: false
  },
  comment {
    dataValues: {
      userId: 3,
      contents: '댓글 2',
      rating: 2,
      createdAt: 2022-01-08T13:01:40.000Z
    },
    _previousDataValues: {
      userId: 3,
      contents: '댓글 2',
      rating: 2,
      createdAt: 2022-01-08T13:01:40.000Z
    },
    uniqno: 1,
    _changed: Set(0) {},
    _options: {
      isNewRecord: false,
      _schema: null,
      _schemaDelimiter: '',
      raw: true,
      attributes: [Array]
    },
    isNewRecord: false
  },
  comment {
    dataValues: {
      userId: 3,
      contents: '댓글 3',
      rating: 2,
      createdAt: 2022-01-08T13:05:33.000Z
    },
    _previousDataValues: {
      userId: 3,
      contents: '댓글 3',
      rating: 2,
      createdAt: 2022-01-08T13:05:33.000Z
    },
    uniqno: 1,
    _changed: Set(0) {},
    _options: {
      isNewRecord: false,
      _schema: null,
      _schemaDelimiter: '',
      raw: true,
      attributes: [Array]
    },
    isNewRecord: false
  },
]

sequelize에서 데이터를 조회하면 dataValues 데이터 뿐만 아니라 이전 데이터 값과 데이터와 관련한 여러 옵션 값들을 전부 보여주는 게 문제였다, 내가 원하는 정보만 추출하려면 따로 후처리를 해줘야 했다.

무슨 메서드를 사용해서 처리를 해줄까 고민하다가 전에 배웠던 javascirpt method 중에 filter, map, reduce 삼총사 메서드가 생각이 났다.

그 중 배열 내의 요소를 주어진 함수에 호출하고 그 결과들을 모아 새로운 배열에 담아 반환해주는 map을 쓰는 것이 좋겠다고 생각해서 map을 사용해서 코드를 작성해 보았다.

const newData = data.map((element) => element.dataValues);

단순하게 기본적인 map 메서드만을 이용해서 필터링 했더니 결과 값이 잘 후처리 되어 출력되었다.

[
  {
    userId: 3,
    contents: '댓글 1',
    rating: 2,
    createdAt: 2022-01-08T13:28:44.000Z
  },
  {
    userId: 3,
    contents: '댓글 2',
    rating: 2,
    createdAt: 2022-01-08T13:28:55.000Z
  },
  {
    userId: 3,
    contents: '댓글 3',
    rating: 2,
    createdAt: 2022-01-08T13:29:50.000Z
  }
]

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

• 카카오 oauth 소셜로그인 api 기능 구현
• aws배포