Deployment

create-react-app Deployment

  • ์˜จ๋ผ์ธ๊ฐ•์˜๋ฅผ ๋“ฃ๋‹ค๊ฐ€ ๋ฐฐํฌ๋ฐฉ๋ฒ•์„ ์•Œ๋ ค์ฃผ๊ธธ๋ž˜ ์ •๋ฆฌํ•ด๋ด„.. ๐Ÿ˜Š

  • aws, ํžˆ๋กœ์ฟ , ๋“ฑ๋“ฑ... ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์„œ๋น„์Šค๋“ค์ด ์žˆ๋‹ค.

netlify๋กœ ๋ฐฐํฌ๋ฐฉ๋ฒ•

  • yarn build๋ฅผ ํ•œ ํ›„ build ๋””๋ ‰ํ† ๋ฆฌ๊ฐ€ ์ƒ์„ฑ๋œ๊ฑธ ํ™•์ธ!

  • netlify์— ๋‚˜์˜จ ์ˆœ์„œ๋Œ€๋กœ ์ง„ํ–‰

    $ npm install netlify-cli -g
    $ netlify deploy
  • ๊นƒํ—ˆ๋ธŒ๋กœ ํšŒ์›๊ฐ€์ž… > netlify deploy ์Šน์ธ

  • ํ„ฐ๋ฏธ๋„์—์„œ > ํ•ด๋‹น ๋””๋ ‰ํ† ๋ฆฌ ์‚ฌ์ดํŠธ ์—ฐ๊ฒฐ๊ด€๋ จ ์„ ํƒ์กฐํ•ญ์ด ์žˆ์Œ > ๊ธฐ์กด์— ์žˆ๋Š” ๋งํฌ๋กœ ์—ฐ๊ฒฐํ• ์ง€, ์ƒˆ๋กœ์šด ์‚ฌ์ดํŠธ๋กœ ๋งŒ๋“ค์ง€ ๋ฐฉํ–ฅํ‚ค๋กœ ์„ ํƒ (์ƒˆ๋กœ์šด๊ฑฐ~)

  • ํŒ€์ด๋ฆ„ (ํšŒ์›๊ฐ€์ž…์‹œ ์ •ํ•œ ํŒ€ ์ด๋ฆ„)

  • ์‚ฌ์ดํŠธ ์ด๋ฆ„์„ ์ง€์ •

  • ํผ๋ธ”๋ฆฌ์‹œ ๋””๋ ‰ํ† ๋ฆฌ > build

  • ๋ฐฐํฌํ•˜๋ฉด ๊ฒ€์ฆ์šฉ ์œ ์•Œ์—˜์ด ๋งŒ๋“ค์–ด์ง Website Draft URL: https://.....netlify.app ์ด๋Ÿฐ์‹.. ๋ณดํ†ต ๊ฐœ๋ฐœํ›„ ๋””๋ฒจ๋กญ ํ˜น์€ ์Šคํ…Œ์ด์ง• ํ™˜๊ฒฝ์—์„œ ์ด์Šˆ๊ฐ€ ์—†๋Š”์ง€ ํ™•์ธํ›„ ๋ฐฐํฌํ•˜๋Š”๋ฐ ์—ฌ๊ธฐ์„œ๋Š” Website Draft URL ์—์„œ ํ™•์ธํ•˜๊ณ  ์•„๋ž˜ ๋‚˜์˜จ ๋ฌธ๊ตฌ์ฒ˜๋Ÿผ ์ด์Šˆ๊ฐ€ ์—†์œผ๋ฉด netlify deploy --prod ๋ช…๋ ์–ด๋ฅผ ํ†ตํ•ด ์ตœ์ข… ๋ฐฐํฌ๋ฅผ ํ•œ๋‹ค.

    If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. netlify deploy --prod

  • ์™„๋ฃŒ๋˜๋ฉด Website URL: https://์‚ฌ์ดํŠธ์ด๋ฆ„.netlify.app ์ตœ์ข… ์œ ์•Œ์—˜์ด ๋‚˜์˜ด ๐Ÿ‘๐Ÿ‘๐Ÿ‘

โœ๏ธ ๊ฐ•์˜ ๋”ฐ๋ผ ํ…Œ์ŠคํŠธ ํ•ด๋ณธ ๊ฒƒ

Last updated