스페이스 루미

다이나믹 파람스 가져오기예를들어 user/visitor/[key]/page.tsx 라는 경로일 때,key 값을 추출하려고 한다.const page = ({ params }: { params: { key: string } }) => { console.log(params.key); ...} useParams훅을 사용해도 된다import { useParams } from "next/navigation";const page = () => { const params = useParams(); console.log(params.key); ...} 쿼리스트링 가져오기url에서 쿼리스트링을 추출할 때.user/visitor/test?address="강남구"import { useSearchPa..

경로 이 괴랄한거 때문에 몇십분동안 빙빙돌았다. (근데 사실은 경로문제가 아니였던거지;;;)공식문서 보고 그대로 Array로 넣으려니까 컴파일이 자꾸 안되는거임?일단 폰트파일 경로는 app 하위에 위치 // app/layout.tsxconst AppleSDGothicNeo = localFont({ src: [ { path: "./fonts/AppleSDGothicNeoR.woff2", weight: "400", style: "normal", }, { path: "./fonts/AppleSDGothicNeoM.woff2", weight: "500", style: "medium", }, { path: "./fonts/..

// public/imagesimport Image from "next/image"; next.js는 빌드시점에 public파일을 빌드하기 때문에 파일이 바뀌었다면 yarn build 후에 실행해야 변경 내용이 반영된다.runtime 시점에 변경된 내역은 반영되지 않는다.