에러 발생

npm start 명령어로 리액트 서버를 실행시켰더니,
에러 없이 실행됨을 확인했다.

에러 확인

하지만,
어째선가 구성한 페이지가 보이지 않아 콘솔창을 확인 해 보니 에러 메세지가 있다.

Uncaught Error: useNavigate() may be used only in the context of a <’Router’> component.

오류 메세지를 확인해보니,
‘useNavigate() 함수를 Router 컴포넌트 내에서 사용할 수 없다’
라는 형태의 오류인 것 같다.

에러 해결

코드를 살펴보자.

복.붙 해온 코드에서
정의된 useNavigate 를 담은 변수인 navigate 부분을 주석 처리 해주니 정상적으로 동작함을 볼 수 있었다.

현재는 라우팅 기능이 구현되지 않은 단면적인 컴포넌트 이며,
세부적인 DB 연결 및 테이블 생성 작업이 필요할 것 같다.