๐Ÿš€ Vercel ๋ฐฐํฌ ํ™˜๊ฒฝ์—์„œ API๊ฐ€ ๋А๋ฆฌ๋‹ค๋ฉด? Region ์„ค์ •์„ ํ™•์ธํ•˜์ž!

2026. 2. 21. 16:52ยท๐Ÿ‘€ ํ”„๋กœ์ ํŠธ ๋ฐ ํ™œ๋™/ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ… + ๋ฆฌํŒฉํ† ๋ง

๋กœ์ปฌ์—์„œ๋Š” ๋น ๋ฅธ๋ฐ, Vercel์— ๋ฐฐํฌํ•œ ๋’ค API ์‘๋‹ต ์†๋„๊ฐ€ ์œ ๋… ๋А๋ฆฐ ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค.

์ด๋•Œ ๊ฐ€์žฅ ๋จผ์ € ํ™•์ธํ•ด์•ผ ํ•  ๊ฒƒ์ด ๋ฐ”๋กœ Function Region ์„ค์ •์ด๋‹ค.

์ƒ๊ฐ๋ณด๋‹ค ์ด ์„ค์ • ํ•˜๋‚˜๋กœ ์ฒด๊ฐ ์†๋„๊ฐ€ ํฌ๊ฒŒ ๋‹ฌ๋ผ์ง€๊ธฐ ๋•Œ๋ฌธ์—, ๊ทธ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค.

 

๐Ÿข ๋ฐฐํฌ ํ™˜๊ฒฝ์—์„œ API๊ฐ€ ๋А๋ ธ๋˜ ์ƒํ™ฉ

๋ฐฐํฌํ•œ ์‚ฌ์ดํŠธ์˜ Network ํƒญ์„ ํ™•์ธํ•ด๋ณด๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ƒํ™ฉ์ด์—ˆ๋‹ค.

  • ์•Œ๋ฆผ API ์‘๋‹ต ์†๋„: ํ‰๊ท  400~500ms
  • ๋‹จ์ˆœ fetch ์š”์ฒญ์ž„์—๋„ ์ƒ๋‹นํ•œ ์ง€์—ฐ ๋ฐœ์ƒ
  • ๋“ฑ๋ก, ์‚ญ์ œ ๋“ฑ์˜ ๋‹ค๋ฅธ API๋„ ์ „๋ฐ˜์ ์œผ๋กœ ์‘๋‹ต ์‹œ๊ฐ„์ด ๊ธธ์—ˆ์Œ

์„œ๋ฒ„ ๋กœ์ง์ด ๋ณต์žกํ•˜์ง€ ์•Š์Œ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ์ „์ฒด API ์‘๋‹ต ์‹œ๊ฐ„์ด ๋А๋ฆฌ๊ฒŒ ์ธก์ •๋˜์—ˆ๋‹ค.

์ฒ˜์Œ์—๋Š” BFF ๊ตฌ์กฐ๋กœ ํ•œ ๋ฒˆ ๋” ์„œ๋ฒ„๋ฅผ ๊ฑฐ์น˜๊ธฐ ๋•Œ๋ฌธ์— ๋А๋ ค์ง€๋Š” ๊ฒƒ์ธ์ง€ ์˜์‹ฌํ–ˆ์—ˆ๋Š”๋ฐ,

์›์ธ์€ ๋‹ค๋ฅธ ๊ณณ์— ์žˆ์—ˆ๋‹ค.

 

โš™๏ธ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•: Region์„ ์‚ฌ์šฉ์ž์™€ ๊ฐ€๊นŒ์šด ๊ณณ์œผ๋กœ ๋ณ€๊ฒฝ

Vercel ๋Œ€์‹œ๋ณด๋“œ์—์„œ Region์„ ๊ฒ€์ƒ‰ํ•˜๋ฉด Function Region ์„ค์ •์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

์ด๋•Œ ์‚ฌ์šฉ์ž์™€ ๋ฌผ๋ฆฌ์ ์œผ๋กœ ๊ฐ€๊นŒ์šด ๋ฆฌ์ „์„ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค.

(ํ•œ๊ตญ ์‚ฌ์šฉ์ž๋ผ๋ฉด Seoul (icn1) ๋กœ ์„ค์ •ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Œ)

Region์„ ๋ณ€๊ฒฝํ–ˆ๋‹ค๋ฉด ์ƒˆ๋กœ ๋ฐฐํฌ๋ฅผ ์ง„ํ–‰ํ•ด์•ผ ์‚ฌ์ดํŠธ์— ์„ค์ •์ด ๋ฐ˜์˜๋œ๋‹ค.

 

โšก ๋ณ€๊ฒฝ ํ›„ ์†๋„ ๋น„๊ต

Region ๋ณ€๊ฒฝ ์ „

  • API ์‘๋‹ต ์†๋„: 400~500ms

Region ๋ณ€๊ฒฝ ํ›„

  • API ์‘๋‹ต ์†๋„: 80~150ms
  • ๋™์ผ API ์š”์ฒญ์ž„์—๋„ 3๋ฐฐ ์ด์ƒ ๊ฐœ์„ 
  • ์ฒด๊ฐ ์†๋„ ๊ฐœ์„ 

์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•œ ๊ฒƒ์ด ์•„๋‹ˆ๋ผ

Region ์„ค์ •๋งŒ ๋ณ€๊ฒฝํ–ˆ์„ ๋ฟ์ธ๋ฐ ํฐ ์ฐจ์ด๊ฐ€ ๋ฐœ์ƒํ•˜์˜€๋‹ค.

 

๐Ÿง  ์™œ ์ด๋ ‡๊ฒŒ ์ฐจ์ด๊ฐ€ ๋‚ ๊นŒ?

์„œ๋ฒ„๋ฆฌ์Šค ํ™˜๊ฒฝ์—์„œ๋Š” ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋˜๋Š” ๋ฌผ๋ฆฌ์  ์œ„์น˜๊ฐ€ ๋งค์šฐ ์ค‘์š”ํ•˜๋‹ค.

  • ์‚ฌ์šฉ์ž: ํ•œ๊ตญ
  • ์„œ๋ฒ„๋ฆฌ์Šค ํ•จ์ˆ˜: ๋ฏธ๊ตญ
  • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค: ์•„์‹œ์•„

์œ„์™€ ๊ฐ™์€ ๊ตฌ์กฐ๋กœ ๋˜์–ด์žˆ๋‹ค๋ฉด ์š”์ฒญ์€ ์•„๋ž˜์˜ ์ˆœ์„œ๋Œ€๋กœ ํ˜๋Ÿฌ๊ฐ„๋‹ค.

์‚ฌ์šฉ์ž → ๋ฏธ๊ตญ ์„œ๋ฒ„ → ์•„์‹œ์•„ DB → ๋ฏธ๊ตญ ์„œ๋ฒ„ → ์‚ฌ์šฉ์ž

 

์ด ๊ณผ์ •์—์„œ ๋„คํŠธ์›Œํฌ ์ง€์—ฐ์‹œ๊ฐ„(Network Latency)์ด ๋ˆ„์ ๋˜์–ด ์‘๋‹ต ์‹œ๊ฐ„์ด ์ฆ๊ฐ€ํ•œ๋‹ค.

๋”ฐ๋ผ์„œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๊ฐ€ ํŠน์ • ๋ฆฌ์ „์— ๊ณ ์ •๋˜์–ด ์žˆ๋‹ค๋ฉด,

์„œ๋ฒ„ ํ•จ์ˆ˜๋„ ๋™์ผํ•˜๊ฑฐ๋‚˜ ๊ฐ€๊นŒ์šด ๋ฆฌ์ „์— ๋ฐฐ์น˜ํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.

 

โœ… ์ •๋ฆฌ

๋ฐฐํฌ ํ™˜๊ฒฝ์—์„œ API๊ฐ€ ๋А๋ฆฌ๋‹ค๋ฉด ๋‹ค์Œ์„ ์ ๊ฒ€ํ•ด๋ณด์ž!

  • ์ฝ”๋“œ ์ž์ฒด์˜ ๋ฌธ์ œ์ธ์ง€
  • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ฟผ๋ฆฌ๊ฐ€ ๋ณ‘๋ชฉ์ธ์ง€
  • Vercel Function Region์ด ์‚ฌ์šฉ์ž ๋˜๋Š” DB์™€ ๊ฐ€๊นŒ์šด์ง€

์ฝ”๋“œ ์ตœ์ ํ™”๋ฅผ ํ•˜๊ธฐ ์ „์— ์ธํ”„๋ผ ์„ค์ •๋ถ€ํ„ฐ ์ ๊ฒ€ํ•ด๋ณด๋Š” ๊ฒƒ์ด

๋น ๋ฅธ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ด ๋  ์ˆ˜๋„ ์žˆ๋‹ค๋Š”๊ฑธ ๋ฐฐ์› ๋‹ค.

 

๐Ÿ“š ์ฐธ๊ณ 

https://divheer.tistory.com/241

 

Vercel๋กœ ๋ฐฐํฌ ์‹œ ์†๋„ ๊ฐœ์„  ๋ฐฉ๋ฒ•_Function Region

Vercel Project Settings > Functions๋ฅผ ๋“ค์–ด๊ฐ€๋ฉด Function Region์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ Vercel๋กœ ๋ฐฐํฌ ์‹œ Function Region ๋””ํดํŠธ๊ฐ€ USA๋กœ ์„ค์ •๋˜์–ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ด๊ฒƒ์„ ๋ฌด์กฐ๊ฑด ํ•œ๊ตญ์œผ๋กœ ๋ฐ”๊ฟ”์ฃผ๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. Setti

divheer.tistory.com

https://aws.amazon.com/ko/what-is/latency/

 

์ง€์—ฐ ์‹œ๊ฐ„์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”? - ์ง€์—ฐ ์‹œ๊ฐ„ ์„ค๋ช… - AWS

์ง€์—ฐ ์‹œ๊ฐ„์ด๋ž€ ๋ฌด์—‡์ธ์ง€ ์•Œ์•„๋ณด๊ณ  ๋น„์ฆˆ๋‹ˆ์Šค๊ฐ€ ์ง€์—ฐ ์‹œ๊ฐ„์„ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ์‹๊ณผ ์ด์œ  ๋ฐ AWS์—์„œ ์ง€์—ฐ ์‹œ๊ฐ„์„ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

aws.amazon.com

 

728x90
'๐Ÿ‘€ ํ”„๋กœ์ ํŠธ ๋ฐ ํ™œ๋™/ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ… + ๋ฆฌํŒฉํ† ๋ง' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • hooks, utils, components ๊ตฌ์กฐ์—์„œ Feature ๊ธฐ๋ฐ˜ ๊ตฌ์กฐ๋กœ ๊ฐœ์„ ํ•˜๊ธฐ
  • ๐Ÿช ์ƒˆ๋กœ๊ณ ์นจ + ๋’ค๋กœ๊ฐ€๊ธฐ ์ดํƒˆ ๋ชจ๋‹ฌ ๊ตฌํ˜„ ์‚ฝ์งˆ๊ธฐ
  • ๐Ÿšจ ๋‚™๊ด€์  ์—…๋ฐ์ดํŠธ — ์ด๋ชจ์ง€ ๋ฐ˜์‘ UI ๋ฏธ๋ฐ˜์˜ ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…
  • ๐Ÿšจ PropTypes์—์„œ JSDoc์œผ๋กœ — React 19 ํƒ€์ž… ๊ด€๋ฆฌ ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…
_์ด์•Ž
_์ด์•Ž
๊ณต๋ถ€ ๊ธฐ๋ก ๋ธ”๋กœ๊ทธ
  • _์ด์•Ž
    ๊ณต๋ถ€
    _์ด์•Ž
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • โœ๏ธ ๋ชจ๋“  ๊ธ€ (86)
      • ๐Ÿ“š ํ”„๋ก ํŠธ์—”๋“œ (50)
        • Web (6)
        • React (11)
        • Next.js (2)
        • JavaScript (13)
        • TypeScript (2)
        • Dev Setup (1)
        • git+github (5)
        • HTML+CSS (9)
        • ๊ฐ€๋ณ๊ฒŒ ๊ธฐ๋ก (1)
      • ๐Ÿ‘€ ํ”„๋กœ์ ํŠธ ๋ฐ ํ™œ๋™ (29)
        • ์ฝ”๋“œ์ž‡ ์Šคํ”„๋ฆฐํŠธ 19๊ธฐ (20)
        • ํ”„๋กœ์ ํŠธ (2)
        • ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ… + ๋ฆฌํŒฉํ† ๋ง (6)
        • ๊ธฐํƒ€ (1)
      • ๐Ÿ“ ์ž๋ฃŒ ์ •๋ฆฌ (3)
        • React ๊ณต์‹๋ฌธ์„œ (3)
      • โš™๏ธ etc. (4)
  • ๋งํฌ

    • ๐Ÿ‘‹ GitHub
    • ๐Ÿง ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ๊ธฐ๋ก
    • ๐Ÿ“š ์ฑ…
  • ์ธ๊ธฐ ๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.6
_์ด์•Ž
๐Ÿš€ Vercel ๋ฐฐํฌ ํ™˜๊ฒฝ์—์„œ API๊ฐ€ ๋А๋ฆฌ๋‹ค๋ฉด? Region ์„ค์ •์„ ํ™•์ธํ•˜์ž!
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”