문제 1. const getPost = async () => { const { data } = await axios.get("http://localhost:4000/speedMeets"); return data; }; const { data: PostData, isLoading: postLoading } = useQuery({ queryKey: ["post"], queryFn: getPost }); 를 했는데 data가 undefined가 뜸. 데이터를 호출하는 과정에서 문제가 생겼을 것이라고 판단. console.log("data", data);와 getPost();을 넣어줌으로서 함수를 호출해봄 호출하니 ..
1주차동기와 비동기를 구분하는 개념 : 순차적이냐 비순차적이냐 요청과 응답이 순차적으로 일어나는 방식 요청을 보냐면 그 응답이 올 때까지 대기한 후 작업 진행 위에서 아래로 쭉 일의 순서가 중요한 경우 동기처리 ex) 기상청에서 날씨 데이터를 json형식으로 통신하여 받아온 후, 해당 내용을 브라우저 상에 react컴포넌트로 반환해야할 경우 비효율적일 수 있다. 비동기는 비순차적, 요청을 보내고 응답을 기다리지 않고 일의 순서가 중요하지 않은 경우 효율적인 일 처리를 위해 비동기 처리함 요청을 보낸 상태에서 완료를 기다리지 않고 바로 밑에 것을 수행한다. 예제코드 function sendTextMessage(message, callback) { // 메시지를 보내는 비동기 작업을 가정해요. setTi..
post를 전송하던 와중 post 409 conflict가 생김 구글링을 하다보니 동일한 값을 넣고 회원가입 버튼을 눌러서 생긴 문제였음. 실제로 아이디, 패스워드, 닉네임을 다르게 해서 넣어보니 문제 해결 이젠 다른 문제가 생김 post를 전송하던 와중 post 401 unauthorized가 생김 마찬가지로 구글링을 하다보니 위와 동일한 문제? 줄바꿈 문제였다.... 또 nav에서 오류가 나서 살펴보니, useContext();안에 아무것도 넣어주지 않아서 문제가 생기는 것이었다. 그러면 useContext안에는 무엇을 넣어야할까? 살펴보니 UserContext라는 파일을 만들고 임포트 한 뒤에 넣어줘야했다. 그러면 UserContext안에는 무엇이 들어갈까? UserContext에 항목을 넣어주니 ..
