[Next] _app.tsx์—์„œ url parmater ์‚ฌ์šฉ
์›น (WEB)/๊ณต๋ถ€ 2021. 11. 11. 22:18

์ƒํ™ฉ next.js์—์„œ๋Š” SSR์„ ์‚ฌ์šฉํ•˜๊ธฐ ๋•Œ๋ฌธ์— url์— ์žˆ๋Š” query๋ฅผ ๋ฐ›์•„์˜ฌ ์ˆ˜๊ฐ€ ์—†๋‹ค. ํ•ด๊ฒฐ 1 next page์—์„œ getServerSideProps ํ•จ์ˆ˜๋ฅผ ์ด์šฉํ•ด query๋ฅผ ๋ฐ›์•„์˜ฌ ์ˆ˜ ์žˆ๋‹ค. const Page: NextPage = ({ params }) => { } export async function getServerSideProps (context) { const req = context.req; const params = new URLSearchParams(req._parsedUrl.query); return { props: { params } }; }โ€‹ ํ•ด๊ฒฐ 2 ํ•ด๊ฒฐ 1์˜ ๋ฐฉ๋ฒ•์œผ๋กœ page ๋‚ด๋ถ€์—์„œ๋Š” url parameter๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ํ•˜์ง€๋งŒ _app.tsx์™€ ๊ฐ™์ด ne..