BEAT A SHOTGUN

ERROR ❌ axios.get 를 이용해 DB에 있는 게시글 데이터를 프론트에 출력하려고 했다. 에러 메세지가 표시되는 것은 아니지만 계속해서 함수를 호출하는 지 계속해서 게시글이 console 에 호출되었다. 어? 왜 계속 찍지?? 하지만 생각해보면 내가 아무것도 설정해놓지 않고 get 메서드 만을 적어놓았기 때문에 당연히 페이지가 열려있는 동안에는 계속해서 호출시키는 것 같았다. 절반의 해결 ✅ deps 를 지정하지 않아서 그런 것 같으니 [] 를 useEffect 함수 마지막에 넣어줬다. // FE useEffect(()=>{ const getReplies = async () =>{ const { data: { data: {reply}, }, } = await axios.get('http:..

ERROR ❌ // FE function replySubmit(){ axios.get('http://localhost:8080/reply', { params:{ userId:8, postId:1, contents:replyContent } }) .catch(function(error){ ... // BE @GetMapping("/reply") public ReplyDTO writeReply( @RequestParam(value = "user") Long userId, @RequestParam(value = "post") Long postId, @RequestParam(value = "contents") String contents){ return replyService.writeReply(userId,p..

ERROR ⛔ 프론트엔드에서 axios.post 로 data 를 백엔드로 보내고 백엔드는 DB로 보내려고 할 때, data 도 들어간 것 같고 백엔드 메서드도 반응을 하는데 not null property 에러가 나온다? CODE // Front const [userId, setUserId] = useState(""); const [password, setPassword] = useState(""); const [email, setEmail] = useState(""); function userSignIn(){ axios.post('http://localhost:8080/join', data:{ userId:userId, password:password, email:email }) .catch(funct..

ERROR ❌ Object { message: "Request aborted", name: "AxiosError", code: "ECONNABORTED", config: {…}, request: XMLHttpRequest, stack: "" }라는 오류가 떴다. CODE // Front const [id, setId] = useState(""); const [title, setTitle] = useState(""); function testSubmit(){ axios.get('http://localhost:8080/test/creat',{ params:{ id:id, title:title } }) .catch(function(error){ console.log("실패"); console.l..