우당탕 취업준비생

밑바닥부터 시작하는 코딩생활

Study/React

버전6으로 바꿔서 하는게 이렇게 힘들일이였나.....? 하지만 포기하지말자 Cannot read properties of undefined (reading 'params') 버전6에서는 route props의 history, location 외에도 math가 더 이상 존재하지 않아서 react hook을 사용해야 한다. const { postId } = match.params; 아래와 같이 변경해주면 해결된다. import { useParams, useNavigate } from 'react-router-dom'; const { postId } = useParams();

2022. 1. 8.

Study/React

Actions must be plain objects. Use custom middleware for async actions. dispatch에 오류가 발생했다. 이 오류는 dispatch에 정의된 로직이 객체인데 함수처럼 호출되었거나 호출이 제대로 되지 않았을 경우 발생한다. 경로를 잘못 설정해서 호출이 제대로 되지 않았는지 확인해보자. 또는 console.log를 이용해서 어디서 막히고 있는지 확인하며 해결하자. 객체인데 함수처럼 호출되었을 경우 setCount를 이용해서 해결하면 된다. dispatch(setCount( ));

2022. 1. 8.

Study/React

버전을 6 으로 했더니 사서 고생중이다. withRouter가 버전6부터는 지원을 안한단다..... withRouter란? withRouter는 프로그래밍 방식으로 탐색할 수 있도록 기록에 대한 액세스를 제공하는 HOC를 제공하는데 사용됨 다운그레이 방법 (버전5)을 사용하거나 바뀐 버전에 맞춰서 코드를 바꿔야만 했는데. 다운그레이 방법은 아래와 같다. npm install react-router-dom@5.2.0 npm install react-router@5.2.0 하지만 나는 고집쟁이.. 이게 회사였다면 회사가 사용하는 버전에 맞춰서 진행했겠지만 지금은 공부단계니까 앤간해선 버전 6에서 해결하고 싶었다. 버전 6부터는 Hooks와 함께 새로운 방식을 사용한다는데 그 방식이 useNavigate이다...

2022. 1. 7.

Study/MongoDB

'mongo' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위 오류는 환경변수를 설정하지 않아서 발생하는 오류다. 환경변수에 MongoDB를 추가하면 된다. 내 컴퓨터 ➜ 시스템 속성 ➜ 고급 ➜ 환경변수 ➜ 시스템 변수의 Path 선택 후 편집 ➜ 설치했던 MongoDB의 폴더 경로를 추가하는데 이때 bin 폴더까지 들어가야 한다 ➜ 완료 예시 : C:\Program Files\MongoDB\Server\5.0\bin

2022. 1. 6.