데이터를 가져오는중 sagas 에러처리부분에 오류가 생겼다.TypeError: Cannot read properties of undefined (reading 'data') 라서 그냥 별 생각없이 err.response.data부분에 옵셔널 체이닝을 걸었다. 그런데 갑자기.. 생전 처음보는 에러로 바뀌어버렸다. 읽어보니 undefined는 JSON에서 직렬화를 할 수 없으니 null이나 다른 값을 뱉어내라는 말이었다. yield put({ type: LOAD_USER_POSTS_FAILURE, error: err.response?.data ?? null, });err.response.data를 err.message로 바꾸는 방법도있지만 서버에서 전송될 에러데이터를 객체로 받고싶어서 체이닝 + 널병합 연산..

재부팅 후 다시 프로젝트를 실행하는데 db 연결이 안됐다. workbench를 확인해보니 아래와 같은 에러가 뜨고있었다. RuntimeError unable to execute command chcp 일단은 취소 누르고 다시 메인페이지로 이동해준뒤 services.msc 를 실행해준다 윈도우 내 서비스들을 관리 서비스관리자이다. 여기서 MySQL을 찾아서 시작을 켜준다. 실행중으로 상태가 바뀐걸 확인해주고, 다시 Workbench 접속을 한다. 정상적으로 스키마가 뜨는걸 확인할 수 있었다.

Eslint 설정을 마치고나니 'React' must be in scope when using JSX 오류가 떴다. Eslint가 없을때는 React를 임포트 해주지않아도 Next 에서 알아서 인식을 해줬는데, Eslint 설정이 들어가고 나서는 스코프 오류가 생긴다. 해결방법1 import React from 'react' 상단에 react를 임포트를 해준다 해결방법 2 "rules": { "react/react-in-jsx-scope": "off" } eslintrc에 해당 규칙을 추가해준다

Next.js에서 Express에서 요청을 보내려고 했는데, CORS 문제가 생겼다. 교차출처 리소스 공유 [Node] Data흐름과 axios, proxy서버 사용하기페이지가 없을때는 postman을 썼지만 이제는 react-route-dom을 사용해 Router를 사용하고있다. Axios 제이쿼리 ajax생각하면된다. 서버와 클라이언트 통신에 필요한 기능 (라우팅은 아래 글 참고) [React] 페h-owo-ld.tistory.com전에는 이걸썼는데 이번에는 cors 라이브러리 사용 npm i cors 진입 파일에app.use( cors({ origin: 'http://localhost:3000', }) );추가해주니 간단하게 해결! 참고: - https://inpa.tistory.com/entry/..

로그인 이후 게시글 작성을 하려는데 401 unauthorized 오류가 떴다.왜 권한이 없다고 걸렸을까? 문제는 CORS에 있다. 이전에 프론트와 백 포트가 달라서 CORS로 포트허용 해주긴 했으나, 도메인이 다르면 쿠키가 전달이 되지않기 때문에 추가로 credentials 속성도 추가해줘야한다. // 프론트 => 프론트 여러군데에서 쓸 때는 공통 설정 해주면 된다 axios.defaults.withCredentials = true; //공통설정 function addPostAPI(data) { return axios.post( '/post', { content: data }, { withCredentials: true, } ); } // 백 app.use( cors({ origin: 'http://l..