Skip to content

juneyr.dev

๋ธ”๋กœ๊ทธ vercel ๋กœ ์˜ฎ๊ธฐ๊ณ  dns ์„ธํŒ…ํ•˜๊ธฐ

โ€” Blog, Netlify, Vercel โ€” 1 min read

์„œ๋ก 

netlify ๋กœ ๋ธ”๋กœ๊ทธ๋„ ์‚ฌ์šฉํ•˜๊ณ , ํ† ์ดํ”„๋กœ์ ํŠธ๋„ ๋งŒ๋“ค๋ฉด์„œ [[toyproject-with-fauna]] ๋Š๊ปด๋ณธ ๋ณธ ์ . netlify ์˜ UI ๋Š” ์ข‹๋‹ค. ์—ฐ๊ณ„๋„ ์ข‹๋‹ค. ํ•˜์ง€๋งŒ ๋นŒ๋“œ๋Š” ๋Š๋ฆฌ๋‹ค. ๋ธ”๋กœ๊ทธ ๊ธฐ์ค€ ํ‰๊ท  6๋ถ„์ •๋„.๋‚ด๋ถ€์ ์œผ๋กœ ๋™์ผํ•œ ๋ถ€๋ถ„์€ ์บ์‹ฑํ•  ํ…๋ฐ๋„ ์ƒ๋‹นํžˆ ๋Š๋ฆฐ ์†๋„๋‹ค. netlify-build

๋ฉ”์ธ ์ด๋ฏธ์ง€๊ฐ€ ๋กœ๋”ฉ๋˜๋Š” ์†๋„๋„ ๋Š๋ฆฌ๋‹ค. ๋ธ”๋กœ๊ทธ ๋ฉ”์ธ ๋ฐฐ๋„ˆ๋กœ ๊ฑธ์–ด๋‘” ๋‘ ์ด๋ฏธ์ง€๊ฐ€ ๊ฐ€๋” X ๋ฐ•์Šค๋กœ ๋‚˜์˜ฌ ๋•Œ๊ฐ€ ๋นˆ๋ฒˆํ–ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ gatsby ์‹œ์ž‘ํ•  ๋•Œ netlify ์— ์˜์กดํ–ˆ์œผ๋ฏ€๋กœ, ์˜ฎ๊ธฐ๊ธฐ ์• ๋งคํ•˜๋‹ค. ๊ท€์ฐฎ๋‹ค. ๊ณ  ์ƒ๊ฐํ•˜๊ณ  ์žˆ๋˜ ์ฐจ์— ํŠธ์œ„ํ„ฐ์—์„œ ๋กœํ† ๋‹˜์˜ ํŠธ์œ—์„ ๋ณด๊ฒŒ ๋˜์—ˆ๋‹ค. ๋‚ด์šฉ ์ž์ฒด๋Š” netlify์™€ vercel ๊ฐ„ ํ™•์—ฐํ•œ ๋กœ๋”ฉ ์†๋„ ์ฐจ์ด์˜€๋‹ค. (vercel์ด ํ™•์—ฐํ•˜๊ฒŒ ์†๋„๊ฐ€ ๋นจ๋ž์Œ.)

netlify ์˜ ์žฅ์ ์œผ๋กœ ์—ฌ๊ธฐ๋˜ ๋ถ€๋ถ„ (gatsby ์™€์˜ ๋น ๋ฅธ ์—ฐ๋™, github ์—ฐ๋™, ์ข‹์€ UI)... ๊ฐ€ vercel์— ์žˆ๋Š” ๊ฑธ ํ™•์ธํ•˜๊ณ  ์ฒดํฌํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค.

vercel๋กœ ์˜ฎ๊ฒจ๊ฐ€๊ธฐ

์ •๋ง vercel์ด ๋น ๋ฅธ๊ฐ€? ์‹œํ—˜์‚ผ์•„์„œ ๋ธ”๋กœ๊ทธ๋ฅผ ๋นŒ๋“œํ•ด๋ณด์•˜๋‹ค. build ๊ณผ์ •์—์„œ ๋ฌด์ˆ˜ํ•œ gatsby build์˜ ๊ดด๋กœ์›€์ด ์žˆ์—ˆ์ง€๋งŒ (์•Œ๊ณ ๋ณด๋‹ˆ ๊นจ์กŒ๋˜ ๋งŽ์€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค...) ๋Œ€๋ถ€๋ถ„ ๋ฒ„์ „์„ bump up ํ•ด์„œ ํ•ด๊ฒฐํ•ด๋ฒ„๋ ธ๋‹ค.

  • ์ด๋ฅผ ์ด๊ฒจ๋‚ด๊ณ  ๋นŒ๋“œ๋ฅผ ๋งˆ์น˜๊ณ ๋‚˜๋‹ˆ ์ด ๋นŒ๋“œ์‹œ๊ฐ„์€ 4๋ถ„. ์ด์ •๋„ ๋‹จ์ถ•์œผ๋กœ๋„ ์ถฉ๋ถ„ํžˆ ์˜ฎ๊ธธ ๊ฐ€์น˜๊ฐ€ ์žˆ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.
  • netlify ์˜ ํ•œ๋‹ฌ ๋นŒ๋“œ ์šฉ๋Ÿ‰์„ ํ›Œ์ฉ ๋„˜์–ด๊ฐ€๊ณ  ์žˆ๋˜ ํ„ฐ์˜€๋‹ค. (๊ธ€๋˜ ํ•  ๋•Œ ๊ธฐ์ค€ =))
  • cdn ์ด ์ •๋ง ๋นจ๋ž๋‹ค. ์•„์ง๊นŒ์ง€ ์˜ฎ๊ธฐ๊ณ  ๋‚˜์„œ ๋ธ”๋กœ๊ทธ์—์„œ ์ด๋ฏธ์ง€๊ฐ€ ๋กœ๋”ฉ ์‹คํŒจํ•˜๊ฑฐ๋‚˜ ์˜ค๋ž˜ ๊ฑธ๋ฆฐ ์ ์ด ์—†๋‹ค.

์œ„๋ฅผ ๊ณ ๋ คํ•˜๋ฉด vercel๋กœ ์˜ฎ๊ฒจ๊ฐˆ ์œ ์ธ์ด ์ถฉ๋ถ„ํ–ˆ๋‹ค.

๋ฐฐํฌ์™„๋ฃŒ

vercel์— ๋„๋ฉ”์ธ ๋“ฑ๋กํ•˜๊ธฐ

๋„๋ฉ”์ธ ๋“ฑ๋ก์˜ ์ค‘์š”์„ฑ. ์ด๋Ÿฐ ์‚ฌ์ดํŠธ ๋ฐฐํฌ ํˆด์ด ์ œ๊ณตํ•˜๋Š” ๊ธฐ๋ณธ url์— ์–ฝ๋งค์ผ ํ•„์š”๊ฐ€ ์—†๋‹ค. ๋‚˜๋Š” https://juneyr.dev ๋ฅผ ์‚ฌ์„œ ์ž˜ ์“ฐ๊ณ  ์žˆ๊ธฐ๋•Œ๋ฌธ์—, ๋‹ค์‹œ ํ•œ๋ฒˆ ์ด๊ฑธ ๋ณ€๊ฒฝํ•ด์ค˜์•ผํ–ˆ๋‹ค.

https://github.com/JuneBuug/blog/deployments/activity_log?environment=Production