개발일지

ssr 환경에서 동적라우팅을 하여 params 정보를 받아오고 있었습니다 기존에는 잘 몰라서 'use client'로 useParams() 훅을 사용했는데 ssr 환경에서 사용해보고 싶어졌습니다그런데 당시 밑에 에러를 주기 시작했어요Error: Route "/stock/[stockId]" used params.stockId. params should be awaited before using its properties. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis at StockPage (src/app/stock/[stockId]/page.tsx:8:26) Error: Route "/stock/[stockId]" used `para..

https://nextjs-ko.org/docs/app/building-your-application/routing/error-handling Error Handling – Nextjs 한글 문서Learn how to display expected errors and handle uncaught exceptions.nextjs-ko.org nextJs 프로젝트를 시작 하기 전 해당 글을 읽으며 이해가 안된 부분이 있었다. 'use client' // Error boundaries must be Client Components export default function GlobalError({ error, reset,}: { error: Error & { digest?: string } reset:..

서론: 필자는 프론트엔드 단톡방에 들어가있다 어느날 갑자기 tailwind와 nextJs 사용중에 한분이 여백이 안지워진다는 글을 올리셨다. 나는 당연히 width가 100vw가 아닌거 아니야? 했는데...결론:해당 이슈를 단톡방 전원이 고민하면서 padding? gap? border? width? 등 여러 이유를 댔지만 모두 아니었다.그러나 이 문제를 겪은분이 계셔서 해결해주셨는데 문제는 css에 sticky 라는 속성이 있는데 해당 속성으로 header를 만들면 가끔 겪는이슈라고 하셨다 정확한 이유는 스티키 계산이 소숫점까지 계산하며 틀어지는 걸로 생기는 이슈라고하셨다. 그리하여 해당 이슈를 가상 요소인 before로 해결이 가능하다고 말씀해주셨다 느낀점:필자는 sticky header를 잘 사용하지..