인프런 커뮤니티 질문&답변

안녕하세요 .

강의를 듣던 도중 저도 다시 한번 코드를 복기해보다가 코드 상 오류가 있는 것은 아니고 흐름에 대해  궁금한 점이 있어 질문드립니다.

일단 제가 기억하기로는 saga와 reducer는 비동기적으로 작동하는 구조입니다.

제로초님 코드에서 PostForm에서는 reducer에서 addPost를 불러와서 request 액션을 전달해주고 그 request가 reducer와 saga로 보내주는 방식이라면,

CommentForm에는 reducer에서 선언해놓은 addComment를 거치지 않고 바로 request액션을  전달해주어 Component에서 바로 saga와 reducer로 보내주는 구조를 갖고 있는 것을 보았습니다.

1. 이렇게  dispatch가 이렇게 action을 보내주면  바로 reducer가 처리하게 되는데 /reducers/post.js에 있는 addPost와 addComment의 존재 이유가 단지 가시성때문인가요?

2. 혹시 성능적으로는 크게 차이 없을것같지만 그런쪽에 이슈가 있을까요?  reducer의 addPost는 사용하고 왜 reducer의addComment는 왜 사용하지 않았는지 궁금합니다.

3. dispatch에서 해당 데이터를 묶어서 보내는데 addPost처럼 보내기위해서 저는 아래 코드와 같이 데이터를 이렇게 묶어서 보내봤는데 더 좋은 방법이 있을까요?

const onSubmitComment = useCallback(
    () => {
        const data ={
            content: commentText, postId: post.id, userId: id
        }
        dispatch(addComment(data));
}, [commentText, id]);

어 사실 더 헷갈렸었는데 질문을 쓰면서 정리하다보니 어느정도 이해가 간 것 같습니다.. 감사합니다