NextJS2 Next.js 13에서 React Markdown Preview 사용 (2가지 에러해결 포함) https://uiwjs.github.io/react-markdown-preview/ React Markdown Preview uiwjs.github.io - React Markdown Preview 라이브러리 마크다운, 코드블럭 등을 자동으로 만들어 주는 라이브러리다. 리액트에서는 사용하는데 문제가 없겠지만 Next.js 13에서 사용했을 때 작은 문제가 2가지 있었다. - 1번째 Module not found: (ESM packages .....) 에러 Next.js 공식문서를 보면 이와같은 경우에 아래와같이 해결하라고 나와있다. https://nextjs.org/docs/messages/import-esm-externals import-esm-externals | Next.js ESM package.. 2023. 6. 30. Router로 쿼리보내기 (query) 위와같은 검색창을 만들었는데 query: { "ramenType":ramenresult[0], "noodleType":ramenresult[1], "ramenStyle":ramenresult[2] }, 위와같은 타입으로 쿼리를 다음페이지로 전송하려고한다. 그래야 다음 페이지에서 받은 내용(쿼리)을 기반으로 백엔드 서버에 요청해 부합하는 리스트를 쭉 보여줄 수 있기 때문이다. 여튼 다른페이지에 주소로 '쿼리'를 보내는방법 (Next.js에서!) - useRouter()를 사용한다. import { useRouter } from 'next/router' export default function ReadMore({ post }) { const router = useRouter() return ( { rout.. 2022. 3. 23. 이전 1 다음
