Skip to content

tonyfromundefined/keynote-react-ssr

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

40 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

โ˜ React.js ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ SSR ์•ฑ ๊ฐœ๋ฐœ ๋ฐ ๋ฐฐํฌํ•˜๊ธฐ - Demo

in AWS Community Day Seoul 2020 - ๋ฐœํ‘œ์ž๋ฃŒ

React.js์— ์ต์ˆ™ํ•œ ๊ฐœ๋ฐœ์ž๋ฅผ ๋Œ€์ƒ์œผ๋กœ Session์„ ํ™œ์šฉํ•œ Store Hydration, CloudFront๋ฅผ ํ™œ์šฉํ•œ ์„ฑ๋Šฅ ์ตœ์ ํ™” ๋“ฑ SSR ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐฐํฌ ๋ฐฉ๋ฒ• ๋ฐ ๋…ธํ•˜์šฐ์— ๋Œ€ํ•ด ๋ฐ๋ชจ์™€ ํ•จ๊ป˜ ์ฐจ๊ทผ์ฐจ๊ทผ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค - ์›น์‚ฌ์ดํŠธ

๐Ÿ–‹ Written with ๐Ÿ”ฅ by Tony

๋ณธ Demo๋ฅผ ์ง์ ‘ ๋”ฐ๋ผํ•˜์‹œ๋ ค๋ฉด ๋‹ค์Œ ์š”๊ตฌ์‚ฌํ•ญ์„ ๋ฏธ๋ฆฌ ์ค€๋น„ํ•ด์ฃผ์„ธ์š”.

1. AWS ๊ณ„์ •

2. ํ…์ŠคํŠธ ์—๋””ํ„ฐ

3. Node.js

4. AWS CLI ๋ฐ EB CLI

์‹œ์ž‘ํ•˜๊ธฐ

  1. ์˜์กด์„ฑ ์„ค์น˜ ๋ฐ ํ”„๋กœ์ ํŠธ ๋นŒ๋“œํ•˜๊ธฐ ์‹œ์ž‘ํ•˜๊ธฐ
  2. IAM ์‚ฌ์šฉ์ž ๋งŒ๋“ค๊ธฐ
  3. EB CLI๋ฅผ ํ†ตํ•ด EB ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ
  4. EB CLI๋ฅผ ํ†ตํ•ด EB ํ™˜๊ฒฝ ๋งŒ๋“ค๊ธฐ
  5. ElastiCache(Redis) ๋งŒ๋“ค๊ณ  EB์™€ ์—ฐ๊ฒฐํ•˜๊ธฐ
  6. EB์— ํ™˜๊ฒฝ๋ณ€์ˆ˜ ์ฃผ์ž…ํ•˜๊ธฐ
  7. CloudFront๋กœ ์ •์  ์ž์› ์ œ๊ณต ๊ฐ€์†ํ™”ํ•˜๊ธฐ