[230106] 게시판 구조 설계

 

짱구 친구 철수 컨셉의 나ㅋㅋㅋ

내가 짜야하는 게시판 구조는

 

들어가자마자 보이는 전체 게시판 /board

자유게시판 /board/free

알바고민 게시판 /board/partTime

대타 구해요 게시판 /board/cover

 

이었다.

처음 들어가서 보이는 전체 게시판

여기서 들어가자마자 보이는 전체게시판에서 select의 option을 변경하여 다른 게시판으로 페이지가 넘어가는 것이다. 이 부분은 nested router와 Outlet을 사용하여 처리해주었다. 또한 전체게시판 페이지에서 const boardMatch = useMatch("/board”);를 사용하여 boardMatch가 null이면 전체게시판이 아니라는 것이므로 null이 나오도록하고 boardMatch가 null이 아닐 시 전체게시판이므로 전체게시물에 해당하는 게시물 카드들이 나오도록 하였다.

 

+ 리턴 안에서 바로 map을 돌리는 게 아니라 위에서 처럼 리턴 안에 있는 또다른 컴포넌트에서 map을 돌리는 것이라면 반드시 return을 써야한다…..이것 때매 3시간을 고생함….하ㅠㅠㅠㅠㅠㅠㅠ 데이터는 잘 불러와지는데 화면에는 죽어도 안떠서 아무리 봐도 몰랐는데, return을 반드시 써야하는 경우와 안 써도되는 경우가 다르다는 것을 알게 되었다. 다음부터는 꼭 조심하자!!!

 

같은 조원의 코드인데 이 경우에는 함수에서 return하는 부분에 바로 map을 돌려서 map안에서 따로 return을 안써도 되는 것 같다!!!

 

나의 실수를 알게 된 블로그 링크...

[React] js에서 map으로 순회할 때 렌더링이 되지 않는 경우