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

코드상에 에러가 있는 것 같은데요. 사가에서 캐치부분에 console.error(e) 추가해서 에러 확인해보세요.

console.error(e) 하니깐 잘못된 부분이 call을 호출 하지 않앗엇네요ㅜㅜ....에러난곳을 로그를 찍어본다는걸 생각 못햇습니다 ㅜㅜ 정말 감사합니다 제로초님!!!

네트워크탭 부분입니다.

---------------------------

components에 UserProfile 부분입니다.

const PostForm = () => {
  const dispatch = useDispatch();
  const [text, setText] = useState("");
  const { imagePaths, isAddingPost, postAdded } = useSelector(
    state => state.post
  );

  useEffect(() => {
    setText("");
  }, [postAdded === true]);

  const onSubmitForm = useCallback(
    e => {
      e.preventDefault();
      if (!text || !text.trim()) {
        return alert("게시글을 작성하세요.");
      }
      console.log("PostForm");
      dispatch({
        type: ADD_POST_REQUEST,
        data: {
          content: text.trim()
        }
      });
    },
    [text]
  );

  const onChangeText = useCallback(e => {
    setText(e.target.value);
  }, []);

---------------------------

sagas/post에 addpost 부분 3종 셋트입니다.

function addPostAPI(postData) {
  console.log("addPostAPI");
  return axios.post("/post/", postData, {
    withCredentials: true
  });
}

function* addPost(action) {
  try {
    console.log("addPost1");
    const result = yield call(addPostAPI, action.data);
    console.log("addPost2");
    yield put({
      type: ADD_POST_SUCCESS,
      data: result.data
    });
  } catch (e) {
    yield put({
      type: ADD_POST_FAILURE,
      error: e
    });
  }
}

function* watchAddPost() {
  console.log("watchAddPost");
  yield takeLatest(ADD_POST_REQUEST, addPost);
}

---------------------------

back/routes/post 부분입니다.

router.post('/', async (req, res, next) => { // POST /api/post
  try {
    const hashtags = req.body.content.match(/#[^\s]+/g);
    const newPost = await db.Post.create({
      content: req.body.content, // ex) '제로초 파이팅 #구독 #좋아요 눌러주세요'
      UserId: req.user.id,
    });
    if (hashtags) {
      const result = await Promise.all(hashtags.map(tag => db.Hashtag.findOrCreate({
        where: { name: tag.slice(1).toLowerCase() },
      })));
      console.log(result);
      await newPost.addHashtags(result.map(r => r[0]));
    }
    // const User = await newPost.getUser();
    // newPost.User = User;
    // res.json(newPost);
    const fullPost = await db.Post.findOne({
      where: { id: newPost.id },
      include: [{
        model: db.User,
      }],
    });
    res.json(fullPost);
  } catch (e) {
    console.error(e);
    next(e);
  }
});

---------------------------

혹시 몰라서 지금 오류난 깃 허브 주소 입니다.

https://github.com/park-chang-jin/react_nodebird

(ch5_1 부분이 오류난 곳입니다)

네트워크 탭 보여주시고요. 코드 라인을 정리해주세요. shift+alt+f입니다.