220308

data.map is not a function

• 서버요청을 목업으로 데이터 받아와서 map으로 데이터를 하위 컴포넌트에 전달하는 테스트를 진행하였음
• 위와 같은 에러를 만나, 구글링을 하였더니 데이터의 형태가 문제일 것이라는 글을 확인
• data의 형태가 obj, 즉 객체여서 문제였음
• 배열 형태로 바꿔서 테스트하니 잘 되었음

• Object //Array로 바꾸고 진행하니 잘 되었음
  0:
  comment: [{…}]
  content: "how are you"
  createdAt: "220307"
  id: 1
  tag: (3) ['atag', 'btag', 'ctag']
  title: "hey"
  userId: 1
  username: "eb"
  [[Prototype]]: Object
  [[Prototype]]: Object

포스트 페이지 구현 중 props 전달 부분에서 문제 발생

• map으로 데이터를 가공해서 전달하는데 문제 발생
• 포스트에서 아이템 컴포넌트로 전달하는 것에는 문제 없음
• 아이템 컴포넌트에 전달한 props을 다른 컴포넌트에 보낼 시에 전달이 안됨
• 비교하기 쉽게 레시피 페이지와 비교 하였음
  - 포스트: (2) [{…}, {…}]
  0: {id: '1', userId: '5', postId: '2', username: 'jdz', content: 'moly', …}
  1: {id: '2', userId: '6', postId: '3', username: 'kjd', content: 'holymoly', …}
  length: 2
  [[Prototype]]: Array(0)
  - 포스트
  - 레시피: (6) [{…}, {…}, {…}, {…}, {…}, {…}]
  0: {RCP_SEQ: '260', …}
  1: {}
  length: 6
  [[Prototype]]: Array(0)
• css 내부 map의 화살표함수 부분에 ()를 사용해야 했으나 버릇처럼 {}로 적용한게 문제였음