🥞 오늘 한 일

• 심화 프로젝트
  • 공연 작성 페이지
    • UI 제작
    • 작성기능 제작
  • 공연 수정 페이지
    • UI 제작
    • 수정 기능 제작
  • 공연 상세 페이지
    • 삭제 기능 제작
    • 해당 글의 글쓴이 정보 가져오기
• 스탠다드반 수업
  • Next.js 복습#2 - Next.js 심화

🍽️ 트러블 슈팅

심화 프로젝트

Error: NextRouter was not mounted 문제

문제

import { useRouter } from "next/router";

이런 식으로 자동 import를 통해 useRouter를 사용하려고 했는데 오류가 났다. 해당 오류는 다음과 같았다.

Error: NextRouter was not mounted

해결

때문에 구글링을 통해 이게 무슨 문제인지 살펴 보았고, Next 13부터 추가된 "use client"를 사용할 경우 오류가 나므로, 공식 문서에서 13버전부터는 next/router가 아닌 next/navigation으로 import 해와야한다는 것을 알 수 있었다!
다음은 수정된 코드이다.

import { useRouter } from "next/navigation";

🍴 돌아보기

목표한 만큼은 진행을 완료했으나, 바쁘고 일단 빠른 기능 구현에 집중하느라 기록도 잘 하지 못한 날이었다. 더 잘 기록하고 싶은데, 눈 앞의 해치워야할 것들이 많아 어떻게 밸런스를 맞춰야할지 고민이 된다.

🍳 내일 목표

• 심화 프로젝트
  • 작성자만 수정/삭제할 수 있는 기능
  • 작성/수정 시 유효성 검사
  • 좋아요 기능 제작
  • 공연 추가 버튼 제작
  • sort 기능 제작