SPACE RUMI

Hi, I am rumi. Let's Splattack!

Next.js 3

Next app router slug 추출하기 / url params 가져오기 / 다이나믹 파람스 dynamic params / Next 쿼리파람 가져오기 / 쿼리스트링 가져오기

다이나믹 파람스 가져오기예를들어 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..

Next js 14 로컬 폰트 여러개 Array로 처리하기

경로 이 괴랄한거 때문에 몇십분동안 빙빙돌았다. (근데 사실은 경로문제가 아니였던거지;;;)공식문서 보고 그대로 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/..

[Installation] NEXT.js beta 한글 번역 : Next js 시작하기 / Next js 설치하기 / 업그레이드 가이드

Next 공식문서 한글번역 스터디 공부용으로 Next.js beta문서 번역을 시작합니다. DeepL 번역기를 적극 사용 할거고, 가독성을 위해 생략,수정 혹은 의역한 부분이 있을 수 있습니다. Next.js beta 원문 링크는 https://beta.nextjs.org/docs 입니다. 오역된 부분이 있거나, 문제 발생시 dnjfdnjf22@gmail.com 혹은 https://open.kakao.com/me/100rumi 으로 연락주세요. Getting Started : 시작하기 Next.js 문서는 두 개의 사이트로 나뉘어져 있습니다: Next 13 앱 라우터(베타) 문서(이 문서): React 서버 컴포넌트, 스트리밍, 새로운 데이터 불러오기 등을 사용해 보세요. Next 13 (안정) 문서: ..

반응형