๋ชฉ๋ก์œผ๋กœ

next middleware

์•ฝ 1๋ถ„ ์ฝ๊ธฐDevelopment#Development#Nextjs๋Œ“๊ธ€๋กœ ์ด๋™

๐Ÿ’ก ์˜ค๋Š˜์˜ ํ‚ค์›Œ๋“œ

main
date
Jul 16, 2024
slug
nextjs-middleware
author
status
Public
tags
Development
Nextjs
summary
๐Ÿ’ก ์˜ค๋Š˜์˜ ํ‚ค์›Œ๋“œ
type
Post
thumbnail
category
Development
updatedAt
Oct 12, 2025 10:44 AM

์˜ค๋Š˜์˜ ํ‚ค์›Œ๋“œ Edge Function

ย 
Nextjs์—์„œ middleware ๊ตฌ์„ฑ ์ค‘ ์•Œ๊ฒŒ ๋œ ํ‚ค์›Œ๋“œ
ย 
Next.js ๋ฏธ๋“ค์›จ์–ด๋Š” Edge Functions์œผ๋กœ ์‹คํ–‰๋œ๋‹ค.
ย 
๋Š˜ ํ•˜๋˜ ๋Œ€๋กœ api ํ˜ธ์ถœ์„ ์œ„ํ•ด ๊ณต์œ  ์„œ๋น„์Šค์—์„œ axios instance๋ฅผ ๋ถˆ๋Ÿฌ์™€ ์‚ฌ์šฉํ–ˆ๋Š”๋ฐ ์—๋Ÿฌ ๋ฐœ์ƒ
ย 
์ฐพ์•„๋ณด๋‹ˆ middleware์˜ ์‹คํ–‰ ํ™˜๊ฒฝ์€ node๊ฐ€ ์•„๋‹ˆ๊ณ  edge function์—์„œ ์‹คํ–‰๋œ๋‹ค๊ณ  ํ•œ๋‹ค.
ย 
ย 

์ฐธ๊ณ 

ย 
Next.js Middleware ์—…๋ฌด์— ํ™œ์šฉํ•˜๊ธฐ
์†Œ๊ฐœ Next.js์˜ 12๋ฒ„์ „์—์„œ Middleware ๊ธฐ๋Šฅ์ด ๊ณต๊ฐœ๋˜์—ˆ๋‹ค. 12.2๋ถ€ํ„ฐ๋Š” ์ •์‹ ๊ธฐ๋Šฅ์ด ๋˜์—ˆ๋‹ค. (์‚ฌ์šฉ๋ฒ•๋„ 12.2๋ถ€ํ„ฐ ๋งŽ์ด ๋‹ค๋ฅด๋‹ค.) ๊ณต๊ฐœ ์‹œ์ ๋ถ€ํ„ฐ ๊ด€์‹ฌ์„ ๊ฐ€์ง„ ๊ธฐ์ˆ ์ด๋‹ค. ๊ธฐ์กด์— ์•Œ๊ณ  ์žˆ๋˜ ๋ฏธ๋“ค์›จ์–ด์˜ ๊ฐœ๋…๊ณผ ์ „ํ˜€ ๋‹ค๋ฅธ ๊ฐœ๋…์ด ์•„๋‹ˆ๋‹ค. ๋‹จ์ง€ Next.js์—์„œ ๋ฏธ๋“ค์›จ์–ด ๊ฐœ๋…์ด ์ƒ๊ธด ๊ฒƒ์ด๋‹ค. ์ด ๊ฐœ๋…์ด ์—†์—ˆ์–ด๋„ Node.js๋ฅผ ์ด์šฉํ•ด ์ถฉ๋ถ„ํžˆ ๋ฏธ๋“ค์›จ์–ด ๊ธฐ๋Šฅ์ด ๊ตฌํ˜„ ๊ฐ€๋Šฅํ–ˆ๋‹ค. Next.js์˜ Middleware๊ฐ€ ๋ญ๋ƒ๋ฉด ๊ฐ„๋‹จํžˆ ๋งํ•˜๋ฉด '์‚ฌ์šฉ์ž์˜ ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•˜์—ฌ ์‘๋‹ต์„ ๋ฐ˜ํ™˜ํ•˜๊ธฐ ์ „์— ๋ญ”๊ฐ€ ์กฐ์ž‘ํ•˜์—ฌ ์‘๋‹ตํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ'์ด๋‹ค. ์—ฌ๊ธฐ์„œ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ๋Š” ๋ญ”๊ฐ€์˜ ๊ฐœ๋…์€ ์ƒ๋‹นํžˆ ์ œํ•œ์ ์ด๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ ์š”์ฒญ ํ—ค๋”, ์‘๋‹ต ํ—ค๋”, ์ฟ ํ‚ค, ๊ฒฝ๋กœ ๋“ฑ์„ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. (๋‚œ ์ด ๊ธฐ๋ณธ์ ์ธ ๊ธฐ๋Šฅ๋งŒ์œผ๋กœ ๋‹น์žฅ ์—…๋ฌด์— ํ•ด๋ณผ ์ˆ˜..
Next.js Middleware ์—…๋ฌด์— ํ™œ์šฉํ•˜๊ธฐ