๋ฐฑ์—”๋“œ ๋ฐฐํฌ๊ฐ€ ๋๋‚ฌ๋‹ค๋ฉด, ์ด์ œย ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ AWS์— ๋ฐฐํฌํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค!

React, Vue, Next.js ๋“ฑ ์ •์  ์›น์‚ฌ์ดํŠธ๋Š”ย AWS S3 + CloudFront๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๐Ÿš€


๐Ÿ“Œ 1. ํ”„๋ก ํŠธ์—”๋“œ ๋นŒ๋“œ

๋กœ์ปฌ์—์„œ ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๋นŒ๋“œํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

(1) React ํ”„๋กœ์ ํŠธ ๋นŒ๋“œ

bash
๋ณต์‚ฌํŽธ์ง‘
npm run build  # ๋˜๋Š” yarn build

dist/ย ๋˜๋Š”ย build/ย ํด๋”๊ฐ€ ์ƒ์„ฑ๋จ

(2) Vue ํ”„๋กœ์ ํŠธ ๋นŒ๋“œ

bash
๋ณต์‚ฌํŽธ์ง‘
npm run build

dist/ย ํด๋”๊ฐ€ ์ƒ์„ฑ๋จ

(3) Next.js ํ”„๋กœ์ ํŠธ ๋นŒ๋“œ

bash
๋ณต์‚ฌํŽธ์ง‘
npm run build
npm run export

out/ย ํด๋”๊ฐ€ ์ƒ์„ฑ๋จ


๐Ÿ“Œ 2. AWS S3์— ๋ฐฐํฌ

์ •์  ํŒŒ์ผ์„ ํ˜ธ์ŠคํŒ…ํ•˜๊ธฐ ์œ„ํ•ดย AWS S3 ๋ฒ„ํ‚ท์„ ์ƒ์„ฑํ•˜๊ณ  ํŒŒ์ผ์„ ์—…๋กœ๋“œํ•ฉ๋‹ˆ๋‹ค.

(1) S3 ๋ฒ„ํ‚ท ์ƒ์„ฑ

  1. AWS ์ฝ˜์†” โ†’ S3 โ†’ "๋ฒ„ํ‚ท ์ƒ์„ฑ"