๐Ÿธminzzi
Minzzi์•ผ
๐Ÿธminzzi
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (132)
    • ์˜ค๋ฅ˜ํ•ด๊ฒฐ (14)
    • FE (36)
      • Next.js (17)
      • React (4)
      • React Native (0)
      • TypeScript (1)
      • JavaScript (14)
    • BE (0)
      • Nest.js (0)
    • ๋ฐ๋ธŒ์ฝ”์Šค (7)
    • ์›น ํ”„๋กœ์ ํŠธ (5)
    • CS (28)
      • Algorithm (5)
      • Python (4)
      • C++ (2)
      • Operating System (4)
      • Computer Networking (3)
      • Data Structure (1)
      • Machine Learning (3)
      • Tip (6)
    • Github (4)
    • Flutter (3)
      • ํ”„๋กœ์ ํŠธ (3)
    • Private (3)
      • ํšŒ๊ณ  (7)
      • ๋ฉด์ ‘ (17)
    • ๊ฐœ๋ฐœ๋„์„œ (7)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ๋ ‰์‹œ์ปฌ
  • reflow
  • ํ˜ธ์ด์ŠคํŒ…
  • next.js
  • ์›์‹œํƒ€์ž…
  • ํ‹ฐ์Šคํ† ๋ฆฌ์ฑŒ๋ฆฐ์ง€
  • SSR
  • ์‹คํ–‰์ปจํƒ์ŠคํŠธ
  • ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…
  • ์ฝœ์Šคํƒ
  • react
  • ์ด๋ฒคํŠธ๋ฃจํ”„
  • ์˜ค๋ธ”์™„
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ํž™์˜์—ญ
  • ๋ฉด์ ‘
  • layout shift
  • ๋ชจ๋˜๋ฆฌ์•กํŠธ๋”ฅ๋‹ค์ด๋ธŒ
  • ์ด๋ฏธ์ง€ ์ตœ์ ํ™”
  • ์‹คํ–‰์ปจํ…์ŠคํŠธ

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
๐Ÿธminzzi

Minzzi์•ผ

AWS ํ”„๋ฆฌํ‹ฐ์–ด ์ ์šฉ ๋ฒ”์œ„
์›น ํ”„๋กœ์ ํŠธ

AWS ํ”„๋ฆฌํ‹ฐ์–ด ์ ์šฉ ๋ฒ”์œ„

2024. 9. 13. 02:34

์ด๋ฏธ์ง€ ์ตœ์ ํ™”๋ฅผ ์œ„ํ•ด AWS S3์™€ CloudFront๋ฅผ ํ†ตํ•œ CDN์„œ๋น„์Šค๋ฅผ ์ด์šฉํ•˜๋ ค๊ณ  ํ•œ๋‹ค. ๋‚˜๋Š” ์•„์ง ํ”„๋ฆฌํ‹ฐ์–ด ๊ณ„์ •์ด ์œ ํšจํ•˜๊ธฐ ๋•Œ๋ฌธ์— S3์™€CloudFront์˜ ์ œ๊ณต ๋ฒ”์œ„์— ๋Œ€ํ•ด์„œ ๊ธฐ๋กํ•ด๋†“๊ณ  ๊ณผ๊ธˆ์ด ๋‚˜์˜ค์ง€ ์•Š๋„๋ก ์กฐ์‹ฌํ•ด์„œ ์‚ฌ์šฉํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค.

 

Amazon CloudFront (AWS์˜ CDN์„œ๋น„์Šค)

ํ”„๋ฆฌํ‹ฐ์–ด์™€ ๊ด€๊ณ„์—†์ด ๋ชจ๋“  ๊ณ ๊ฐ์—๊ฒŒ ์›” 1TB ๋ฐ์ดํ„ฐ ์†ก์‹ , HTTP/HTTPS ์ฒœ๋งŒ๊ฑด, CloudFront ํ•จ์ˆ˜ 200๋งŒ๊ฑด ๋ฌด๋ฃŒ

Amazon S3

12๊ฐœ์›” ๋™์•ˆ 5GB ์ œ๊ณต, GET ์š”์ฒญ 20000๊ฑด, PUT ์š”์ฒญ 2000๊ฑด

 

์ค‘์š”ํ•œ ๊ฒƒ์€ ์•„์ง ์ € ๊ฑด์ˆ˜๊ฐ€ ๋„ˆ๋ฌด ์ถ”์ƒ์ ์ด๋‹ค,, ์‹ค์ œ๋กœ ๋Œ๋ ค๋ณด๊ณ  ์ฒด๊ฐ์„ ํ•ด๋ด์•ผ ์‹ค์ œ๋กœ ์–ด๋А์ •๋„์˜ ์‚ฌ์šฉ๋Ÿ‰์ด ์žˆ์„ ์ง€ ์•Œ ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค.

 

ํ•ดํ‚น์œผ๋กœ ์ธํ•œ ๊ณผ๊ธˆ๊ณผ ๋ฌด๋ฃŒ๋กœ ์ œ๊ณต๋˜๋Š” ์ง€์›์„ ๋„˜์—ˆ์„ ๋•Œ ๋ฐœ์ƒํ•˜๋Š” ๊ณผ๊ธˆ์ด ๋ฐœ์ƒํ–ˆ์„ ๋•Œ ์ด๋ฉ”์ผ์„ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ๋‹ค.

๊ณผ๊ธˆ ์ •๋ณด ๋ฐ ๋น„์šฉ ๊ด€๋ฆฌ > ์˜ˆ์‚ฐ > ์˜ˆ์‚ฐ ์ƒ์„ฑ > ์•„๋ž˜์™€ ๊ฐ™์ด ์„ค์ •ํ•˜๊ณ  ์ด๋ฉ”์ผ ์ž‘์„ฑ

์ด๋ ‡๊ฒŒ ์„ค์ •ํ•ด์ฃผ๋ฉด ๊ณผ๊ธˆ์ด ์กฐ๊ธˆ์ด๋ผ๋„ ๋‚˜์˜ค๋ฉด ์ด๋ฉ”์ผ์„ ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค.

 

 

 

์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'์›น ํ”„๋กœ์ ํŠธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

Frontend ์ด๋ฏธ์ง€ ์ตœ์ ํ™”ํ•˜๊ธฐ  (4) 2024.11.14
FE ํ”„๋กœ์ ํŠธ ์•„ํ‚คํ…์ฒ˜์— ๋Œ€ํ•œ ๊ณ ๋ฏผ(feat. FSD ์•„ํ‚คํ…์ฒ˜)  (0) 2024.09.06
[React] sitemap์œผ๋กœ SEO ์ž‘์—…ํ•˜๊ธฐ  (2) 2024.06.15
[Crop] ํ”„๋กœ์ ํŠธ ํŒ€์ŠคํŽ˜์ด์Šค ์ƒ์„ฑ!  (0) 2024.05.21
    '์›น ํ”„๋กœ์ ํŠธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • Frontend ์ด๋ฏธ์ง€ ์ตœ์ ํ™”ํ•˜๊ธฐ
    • FE ํ”„๋กœ์ ํŠธ ์•„ํ‚คํ…์ฒ˜์— ๋Œ€ํ•œ ๊ณ ๋ฏผ(feat. FSD ์•„ํ‚คํ…์ฒ˜)
    • [React] sitemap์œผ๋กœ SEO ์ž‘์—…ํ•˜๊ธฐ
    • [Crop] ํ”„๋กœ์ ํŠธ ํŒ€์ŠคํŽ˜์ด์Šค ์ƒ์„ฑ!
    ๐Ÿธminzzi
    ๐Ÿธminzzi

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