Next์˜ css์—์„œ ์“ด font asset์„ ๋นŒ๋“œ ์‹œ ์ œ๋Œ€๋กœ ๋ฐ›์•„์˜ค์ง€ ๋ชปํ•˜๋Š” ์ด์Šˆ
์›น (WEB)/์—๋Ÿฌํ•ด๊ฒฐ 2022. 1. 3. 13:59

์š”์•ฝ css ๋‚ด๋ถ€์˜ font asset์„ ๋ฐ›์•„์˜ค๋Š” path๋ฅผ ์ ˆ๋Œ€๊ฒฝ๋กœ๊ฐ€ ์•„๋‹Œ ์ƒ๋Œ€๊ฒฝ๋กœ๋กœ ๋ฐ”๊พธ๋ฉด ๋œ๋‹ค. ๋ฌธ์ œ css์— url๋กœ ์ •์˜ํ•ด ๋‘” font asset์ด ๊ฐœ๋ฐœ๋ชจ๋“œ(dev)์—์„œ๋Š” ์ž˜ ์ ์šฉ๋˜๋‹ค๊ฐ€ ์‹ค์„œ๋ฒ„(production)์—์„œ ๋ฐ˜์˜๋˜์ง€ ์•Š๋Š” ์ด์Šˆ ์‹ค์ œ ๊ตฌํ˜„ /* style.css */ @font-face { font-family: spoqaSansNeo; font-weight: 700; src:url('/font/SpoqaHanSansNeo-Bold.ttf'); src: url('/font/SpoqaHanSansNeo-Bold.otf') format("opentype"), url('/font/SpoqaHanSansNeo-Bold.ttf') format("truetype"); } /* next.config..

[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..