๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
์‹œ๋„/Code-States

[D+141] Final Project : 21์ผ์ฐจ https ์˜ค๋ฅ˜ ๋ฐœ์ƒ

by ๐Ÿ‡๋ฐ•๋ด‰๋ด‰๐Ÿ‡ 2021. 3. 9.

 

 

D+141

-  Final Project : 21์ผ์ฐจ -

( https ์˜ค๋ฅ˜ ๋ฐœ์ƒ )

 


 

 

์˜ค๋Š˜์€ ์ „๋‚ ์— S3๋„ ํ•ด๊ฒฐํ–ˆ๊ฒ ๋‹ค.

 

์„œ๋ฒ„์™€ ์—ฐ๊ฒฐํ•ด์„œ ๋ฐฐํฌ๋ฅผ ์‹œ๋„ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.

 

์ผ๋‹จ์€ ์ด์ „์— EC2์—์„œ 'hello world'๋งŒ ๋œจ๊ฒŒ ์—ฐ๊ฒฐ์„ ํ–ˆ์—ˆ๊ธฐ ๋•Œ๋ฌธ์—

ํฐ ์–ด๋ ค์›€ ์—†์ด ๊นƒ์—์„œ ๋ ˆํฌ๋ฅผ ํด๋ก ํ•ด์„œ ์„œ๋ฒ„ ํŒŒ์ผ์„ ์˜ฎ๊ฒจ์„œ ์ž˜ ์ง„ํ–‰๋˜๋Š” ๊ฒƒ์„ ํ™•์ธํ•˜์˜€๋‹ค.

 

PM2๋Š” ์ผ๋‹จ ์˜ˆ์ „์— ๊ณ„์† PM2๋ฅผ ์ผœ๋‘” ์ƒํƒœ๋กœ ์žˆ๋‹ค๊ฐ€ ๊ณผ๊ธˆ๋˜์—ˆ๋˜ ์Šฌํ”ˆ ๊ธฐ์–ต์œผ๋กœ์ธํ•ด..?

๋‚˜์ค‘์— ์ „๋ฐ˜์ ์œผ๋กœ ์™„์„ฑ๋˜๊ณ  ๋ฐฐํฌ์— ์„ฑ๊ณตํ–ˆ์„๋•Œ ๊ทธ๋•Œ ์‚ฌ์šฉํ•˜๊ธฐ๋กœ ํ•˜์˜€๋‹ค.

 

์ผ๋‹จ ์šฐ๋ฆฌ๋Š” Freenom์—์„œ ๋ฌด๋ฃŒ ๋„๋ฉ”์ธ์„ ์–ป์–ด์„œ ๋ฐฐํฌ๋ฅผ ํ•˜๊ธฐ๋กœ ์˜ˆ์ •๋˜์–ด์žˆ์—ˆ๊ธฐ ๋•Œ๋ฌธ์—

์ผ๋‹จ ์—ฌ๋Ÿฌ ์‚ฌ์ดํŠธ์™€ ๋™์˜์ƒ์„ ์ฐพ์•„๊ฐ€๋ฉด์„œ Freenom์—์„œ ๋„๋ฉ”์ธ์„ ์–ป์„ ์ˆ˜ ์žˆ์—ˆ๋‹ค.

(๋ฌผ๋ก  ํ˜„์งˆ์ด ๋‘๋ ต์ง€ ์•Š๋‹ค๋ฉด aws์—์„œ ๋„๋ฉ”์ธ์„ ์‚ฌ๋Š”๊ฒŒ ์—ฐ๊ฒฐํ•˜๋Š”๋ฐ ํ›จ์”ฌ ์‰ฝ๋‹ค๊ณ  ํ•œ๋‹ค.)

 

Certificate Manager์—์„œ SSL ์ธ์ฆ์„œ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  Route53์„ ๋‚ด๊ฐ€ ์‚ฌ์šฉํ•  ์˜ˆ์ •์˜ ๋ฌด๋ฃŒ๋„๋ฉ”์ธ๊ณผ ์—ฐ๊ฒฐ์ง€์–ด ์ฃผ์—ˆ๋‹ค.

 

์ด๋•Œ aws๋ฅผ ์‚ฌ์šฉํ• ๋•Œ ์ œ์ผ ์ฃผ์˜ํ•ด์•ผํ•  ๊ฒƒ์€ ๊ผญ ๊ฐ™์€ ์ง€์—ญ์œผ๋กœ ์„ค์ •ํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค.

 

๋‚˜์ค‘์— ์‚ฌ์šฉํ•ด์•ผํ•  CloudFront ์—์„œ ์ง€์—ญ์„ ๋ฒ„์ง€๋‹ˆ์•„ ๋ถ๋ถ€๋กœ ์„ค์ •ํ•ด์คฌ์—ˆ๋Š”๋ฐ

SSL ์ธ์ฆ์„œ๋Š” ๋‹ค๋ฅธ ์ง€์—ญ์œผ๋กœ ์„ค์ •ํ•˜๊ณ  ์™œ ์•ˆ๋˜์ง€ ๊ธ์ ๊ธ์ ๊ฑฐ๋ ค์„œ ์—„์ฒญ ํ—ค๋งธ๋‹ค.

 

๋ฆฌ์ „์€ ๋ฒ„์ง€๋‹ˆ์•„๋ถ๋ถ€๋กœ ๊ผญ ์„ค์ •ํ•˜๊ธฐ!!

 

์ฐธ๊ณ ๋กœ aws๋Š” ํŒ€์žฅ๋‹˜์ด ๊ด€๋ฆฌํ•˜์…”์„œ ๋‚ด๊ฐ€ ์ด๋ฏธ์ง€๋ฅผ ์ฐ์„ ์ˆ˜ ์—†์—ˆ๊ธฐ๋•Œ๋ฌธ์—

์ด๋ฏธ์ง€๊ฐ€ ์—†๋‹ค๋Š” ์ ....

 

 

์ƒํ™œ์ฝ”๋”ฉ

์ผ๋ฐ˜์ธ์—๊ฒŒ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ์•Œ๋ ค์ฃผ๋Š” ์˜จ๋ผ์ธ/์˜คํ”„๋ผ์ธ ํ™œ๋™ ์ž…๋‹ˆ๋‹ค. ์ฑ„๋„ ๊ณต๊ฐœํ‚ค : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNa

www.youtube.com

์ƒํ™œ์ฝ”๋”ฉ ๋ฐ ๊ธฐํƒ€ ๋“ฑ๋“ฑ์„ ์ฐธ๊ณ ํ–ˆ๊ธฐ๋•Œ๋ฌธ์— ์ผ๋‹จ ๋งํฌ๋ฅผ ์˜ฌ๋ ค๋ณธ๋‹ค.

 

์ƒํ™œ์ฝ”๋”ฉ์—์„œ ํ•˜๋Š” ๊ฒƒ ์ฒ˜๋Ÿผ ์šฐ๋ฆฌ๋Š” ๋ณ„์นญ์—์„œ ์ผ๋‹จ์€ S3๋ฅผ ์—ฐ๊ฒฐํ•ด๋ณด์•˜๊ณ ,

ํด๋ผ์ด์–ธํŠธ ์ฝ”๋“œ์—์„œ axios ๋ถ€๋ถ„์—์„œ url์„ ๋ณ€๊ฒฝํ•ด ์ฃผ์—ˆ๋”๋‹ˆ

์ผ๋‹จ http๋กœ ์ž˜ ์ž‘๋™์ด ๋˜๋Š” ๊ฒƒ์„ ํ™•์ธํ•˜์˜€๋‹ค.

 

ํ•˜์ง€๋งŒ ์šฐ๋ฆฌ๋Š” ๋” ๋‚˜์•„๊ฐ€์„œ https๋กœ ์—ฐ๊ฒฐ์„ ํ•˜๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ,

https๋Š” ์ƒ๊ฐ๋ณด๋‹ค ์‰ฝ์ง€ ์•Š์•˜๋‹ค.

 

๋ณด์•ˆ๊ทธ๋ฃน๋„ ์„ค์ •ํ•˜๊ณ  ๋กœ๋“œ๋ฐธ๋Ÿฐ์„œ๋„ ํ•˜๊ณ  ์ด๊ฒƒ์ €๊ฒƒ ๋ง‰ ์‹œ๋„ํ–ˆ๋Š”๋ฐ๋„ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•ด์„œ ๋‹ค์‹œ ์งˆ๋ฌธ๊ฒŒ์‹œํŒ์„ ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜์—ˆ๊ณ ,

์—”์ง€๋‹ˆ์–ด๋‹˜์ด ์•Œ๋ ค์ฃผ์‹  ๋‹ต์€

 

S3๋กœ ๋ณ„์นญ์„ ์„ค์ •ํ•˜๋ฉด https๋Š” ์ ์šฉ์ด ์•ˆ๋œ๋‹ค๋Š” ๊ณ ๊ธ‰ ์ •๋ณด์˜€๋‹ค!

 

์•„ํ•˜... ์™œ ์ €์ƒ๊ฐ์„ ๋ชปํ–ˆ์„๊นŒ....ใ…Žใ…Žใ…Žใ…Ž

 

ํด๋ผ์šฐ๋“œ ํ”„๋ก ํŠธ๋ผ๋Š” ๊ฒƒ์„ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค๋Š”๊ฒƒ!

ํด๋ผ์šฐ๋“œ ํ”„๋ก ํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ธ์ฆ์„œ๊ฐ€ ํ•„์š”ํ•œ๋ฐ ์ธ์ฆ์„œ๊ฐ€ ๋ฒ„์ง€๋‹ˆ์•„ ๋ถ๋ถ€๋กœ ํ•ด์•ผํ•œ๋‹ค๋Š”๊ฒƒ!

๋งˆ์ง€๋ง‰์œผ๋กœ ์ด๊ฑฐ๋Š” ๊ฒ€์ƒ‰ํ•˜๋‹ค๊ฐ€ ์•Œ๊ฒŒ๋˜์—ˆ๋Š”๋ฐ S3 ๋ฒ„ํ‚ท์˜ ์ด๋ฆ„์ด ๋„๋ฉ”์ธ๊ณผ ์ด๋ฆ„์ด ๊ฐ™์•„์•ผ ํ•œ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค!

 

์ œ๋Œ€๋กœ ๋œ๊ฒŒ ํ•˜๋‚˜๋„ ์—†์—ˆ๋„ค.... ๋‚ด๊ฐ€ ์ž˜๋ชปํ–ˆ๋„ค...ใ…‹ใ…‹ใ…‹

์ผ๋‹จ์€ ํŒ€์žฅ๋‹˜์ด๋ž‘ ๊นŠ์€ ํƒ„์‹์„ ํ•˜๊ณ  ๋‚˜์„œ ๋๋‚˜๋Š” ์‹œ๊ฐ„์ด ์–ผ๋งˆ ์•ˆ๋‚จ์•˜๊ธฐ ๋•Œ๋ฌธ์—

S3 ๋ฒ„ํ‚ท์„ ์ง€์šฐ๊ณ  ๋ฒ„ํ‚ท๋ช…์„ ๋„๋ฉ”์ธ์œผ๋กœ ๋ฐ”๊พธ๋Š” ๊ฒƒ๋งŒ ์ง„ํ–‰ํ•˜์˜€๋‹ค...

 

์™€... ๋ฐฑ์—”๋“œ ํŒŒํŠธ๊ฐ€ ๋ฐฐํฌ์˜ ๊ฝƒ์ด๋ผ๊ณ  ํ•˜๋˜๋ฐ ์ด๋ž˜์„œ ๋ฐฐํฌ์˜ ๊ฝƒ์ด๋ผ๊ณ  ํ–ˆ์—ˆ๋˜ ๊ฑฐ๊ตฌ๋‚˜...ใ…‹ใ…‹ใ…‹ใ…‹

 

๊ทธ๋ž˜๋„ ์›์ธ์„ ์•Œ๊ฒŒ๋˜์–ด์„œ ์–ผ๋งˆ๋‚˜ ๋‹คํ–‰์ธ์ง€ ใ… ใ…œ

 

1๏ธโƒฃ SSL ์ธ์ฆ์„œ ๋ฆฌ์ „๋ฐ”๊พธ๊ธฐ(๋ฒ„์ง€๋‹ˆ์•„๋ถ๋ถ€)

2๏ธโƒฃ ๋กœ๋“œ๋ฐธ๋Ÿฐ์„œ ์ธ์ฆ์„œ ๋ฌธ์ œ๋กœ ๋‹ค์‹œ ์„ค์ •ํ•ด์ฃผ๊ธฐ

3๏ธโƒฃ route53 ๋‹ค์‹œ ๋“ค์—ฌ๋‹ค๋ณด๊ธฐ ...

 

์•„๋งˆ ๋” ์žˆ์„ ๊ฒƒ ๊ฐ™๊ธด ํ•œ๋ฐ ๋‹ค ๊ตฌํ˜„ํ•˜๋ฉด ์„ฑ๊ณตํ•˜์ง€ ์•Š์„๊นŒ...ํ•˜๋Š” ๊ธฐ๋Œ€๊ฐ€ ์žˆ๋‹ค...ใ…Žใ…Žใ…Ž

 

๊ผญ ์„ฑ๊ณตํ•ด์„œ ์ž๋ž‘ํ•ด์•ผ์ง€!!!

 

 


 

 

 

 

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€