fix : 렌더링시 게시판 이름 가져오기

  useEffect(() => {
    dispatch(getBoardPosts(boardId)); //thucnk 함수 이름은 authUser
  }, []); // 권한이 바뀌거나 or url경로가 바뀌거나


const dPosts = useSelector((state) => state.persistedReducer.post.postData);
const BoardTitle = dPosts[1].board.BoardTitle;

수정 이전에는  렌더링시  UseEffect로 동작한  redux Thunk로 가져온 위 데이터들을 사용해서 BoardTitle을 가져왔다.

하지만 useEffect보다 초기 UI를 그리는 작업이 먼저 실행되어 불안하게 가져오던 게시판 이름들을 리팩토링 하였다.

 

 

 

until 디렉토리에 url의 엔드포인트로 가져온 boardId로 직접 게시판의 이름을 매핑해주는 함수 파일을 생성하였따.

util로 따로 빼서 로직을 수행하여 page 컴포넌트에는 시각적으로 아주 깔끔 하게 수행됨을 알 수 있다 만-족

 

 

 

.

..

.

.

 

++++++

개별 게시물을 가져오는 로직을 조금더 생각해보니 redux의 초기 상태를 채워주면 해결 될 일이라는것을 꺠달았다...

뭐 위 포스팅은 뻘짓이었지만 그래도 나름 따로 더러운 로직이 아닌 util로 뺴서 간결하게 개발을 하려고 노력 하였고

그 노력의 결과를 본것으로 만족하자..아래는 추가한 초기 로직이다..