이슈 해결 및 공유

들어가며아마 다른 곳에서 좀 찾아보다 오신 분들은 공감하시겠지만, 생각보다 Nextjs에서 React-Quill에 폰트를 추가하는 레퍼런스가 많지 않았다... 또 어찌어찌 레퍼런스를 뒤져가며 폰트를 추가하더라도, 툴바에서 폰트가 전부 sans-serif로 뜨는 버그 아닌 버그가 있어서, 이 때문에 과정이 더 쉽지 않았던 것 같다. 그래서 이 글에서는 Nextjs에 폰트를 추가한 방법부터 에디터에 적용하기까지의 내용을 최대한 알기 쉽게 정리해두었다. 이 글이 누군가에겐 도움이 되길 바란다. 또한, 이 글은 App라우터 방식을 기준으로 쓰여졌음을 알린다.  1. Next.js에서 폰트 추가하기Next.js에서는 사용자 정의 폰트 등을 최적화하여 사용할 수 있도록 "next/font" 모듈을 제공하고 있다. ..

💻 에러 당시 배경 평화롭게 storybook과 next.js14 버전을 이용하여 컴포넌트를 구성하던 중, storybook 개발서버를 실행시키니 특정 컴포넌트를 불러올 때 새로운 에러가 날 맞이했다... 해당 컴포넌트 안에서 useRouter(from next/navigation)를 사용했었는데, 이 부분이 문제인 것처럼 보였다. 🤔 문제 원인 이 문제는 Next.js app 디렉터리를 사용해서 나타난다. Storybook은 현재 글을 쓰고 있는 시점에서는 pages 디렉터리를 기본으로 지원하고있다. Next.js 13부터 app 디렉터리를 실험적으로 도입하기 시작했는데, Storybook에서는 app 디렉터리를 사용하든, pages 디렉터리를 사용하든 똑같이 pages 디렉터리 설정으로 만들어주는 것..