먼저 페이지 연결을 해보려고 시도했으나 계속 userouter is not function 으로 오류가 나며 본래의 이동전의 페이지도 보이지 않는 현상이 일어났었다.
처음에는 오류 메세지를 전부 복사해 구글링 해보았으나 도움안되는 정보들 뿐이고 , 아무리 코드에서 찾고자해도 문제가 보이지 않았다.
도무지 안되겠어서 일단 게시판상세페이지 ui를 먼저 만들고자 했다가 혹시나해서 다시 연결을 시도했으나 여전히 같은 오류가 발생했다.
그러다가 오류매세지를 줄이면 어떤 검색결과가 나오는지 다시 확인해봤다.
앞서 말한 userouter is not function 라고 쳐서 구글링했더니 처음에는 타입노드를 설치하라고 나와서 그것도 설치해봤다. 그런데 해결이 안되 node.js를 다시 지우고 타입노드 설치 이력을 지운뒤 원상복귀해놓았다.
그다음 검색창에 다시 돌아가 아래로 내려보니 stackoverflow에서 제공한 내용이 있었다. 혹시나해서 들어가보니 무슨 말들인지 모르겠지만 아래 답글에 import를 확인해보라는 말이 있어 다시 확인해 보았다...
맙소사... useRouter을 next/router에서 해와야되는데 왜인지모르게...react로 되어있었다... 와우....
정말 다행히 바꿔주니 실행이된다.
그리고 ui구성중에 gap이라는 속성을 알게 되었다.
기존에 margin이나 padding을 이용해 인접한 요소의 간격을 벌려주는 속성인데 유용할 것같다.
