오늘도 어김없이 오랜시간 삽질을 한 뒤, 다시는 이런 삽질이 반복되지 않기 위해 글을 써봅니다.

문제발생

반복되는 코드를 줄이기 위해, 반복되지 않는 내용은 배열에 담고, map함수를 사용하여 코딩하던 중 발생

• 에러내용
  void [] 형식은 ReactNode 형식에 할당할 수 없습니다. 음 ........
  당연한 결과로 바 ~ 로 구글링 들어갑니다.
  

문제해결

• You need to return something from your function
  어떤걸 리턴할 필요가 있다....?? map함수로 item을 리턴했잖아??? 라고 생각 하며 다시 코드를 확인해보니
  
  스택오버플로우 참고 ←

• 이게 무슨일이야 Return을 해주지 않았다.

• 그래서 return을 넣어보니 아래와 같이 깔끔하게 해결됐습니다.

• 아주 바보같은 실수를 저질러 시간낭비를 하게 되었군요.... 후.. 오늘도 하나 배워가는 하루가 되었습니다.
  

코드 비교

• 확실히 리팩토링 하기 전 코드보다, 리팩토링 하고 난 뒤 코드가 깔끔합니다.
• 또한 내용만 따로 AGGREMENT_BOX 배열에 보관하기 때문에 유지 보수 측면에서도 좋을 것 같습니다.