์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 
์ธํ”„๋Ÿฐ ์˜๋ฌธ ๋ธŒ๋žœ๋“œ ๋กœ๊ณ 
์ฑ„๋„ํ†ก ์•„์ด์ฝ˜
BEST

์•„๋งˆ์กด ํด๋ผ์šฐ๋“œ ๋ฌด๋ฃŒ๊ณ„์ •์œผ๋กœ ์‹œ์ž‘ํ•˜๋Š” ์„œ๋ฒ„๋ฆฌ์Šค ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋กœ์ ํŠธ

์•„๋งˆ์กด ํด๋ผ์šฐ๋“œ ๋ฌด๋ฃŒ ๊ณ„์ •์„ ์ด์šฉํ•˜์—ฌ ๋ฌผ๋ฆฌ์ ์ธ ์„œ๋ฒ„/๋„คํŠธ์›Œํฌ ์„ค๋น„ ๊ด€๋ฆฌ ์—†์ด ์›น API์™€ ๋ฐฑ์—”๋“œ ๋กœ์ง์„ ๊ตฌ์ถ•ํ•˜๊ณ  HTML/CSS/Javascript ์›น์‚ฌ์ดํŠธ์™€ ํ†ตํ•ฉํ•˜๋Š” ๊ณผ์ •์„ ๊ฐ„๋‹จํ•œ ์นธ๋ฐ˜ ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.

Thumbnail

์ค‘๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[๋ฐฑ์—”๋“œ, ๋ฐ๋ธŒ์˜ต์Šค ยท ์ธํ”„๋ผ] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”

  • ๊ฐœ๋ฐœ์ž๋ฅผ ๊ฐœ๋ฐœ์ž๋‹ต๊ฒŒํ•˜๋Š” Serverless Application ์ดํ•ดํ•˜๊ธฐ

  • AWS IAM์œผ๋กœ ์ ‘๊ทผ ๊ถŒํ•œ ๊ด€๋ฆฌํ•˜๊ธฐ

  • Amazon API Gateway๋กœ Web API ์‰ฝ๊ฒŒ ๋งŒ๋“ค๊ธฐ

  • AWS Lambda ๋กœ ๋ฐฑ์—”๋“œ ๋น ๋ฅด๊ฒŒ ๊ตฌํ˜„ํ•˜๊ธฐ

  • DynamoDB๋กœ NoSQL ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋งŒ๋“ค๊ธฐ

  • AWS S3์— ์ •์  ์›นํŽ˜์ด์ง€ ํ˜ธ์ŠคํŒ…ํ•˜๊ธฐ

  • Amazon CloudFront๋กœ ์„ธ๊ณ„ ์–ด๋””์„œ๋‚˜ ๋น ๋ฅธ ์„œ๋น„์Šค ์ œ๊ณตํ•˜๊ธฐ

  • Amazon CloudWatch๋กœ ๋กœ๊น…๊ณผ ๋ชจ๋‹ˆํ„ฐ๋ง์„ ๋น ๋ฅด๊ฒŒ

  • Amazon SNS์œผ๋กœ ์ด๋ฉ”์ผ ์•Œ๋žŒ ๋ณด๋‚ด๊ธฐ

  • AWS X-Ray๋กœ ์ „์ฒด ์„œ๋น„์Šค ์ƒํƒœ ์ž์„ธํžˆ ํ™•์ธํ•˜๊ธฐ

  • AWS SAM์œผ๋กœ ์ฝ”๋“œ๋ฅผ ํ†ตํ•œ ์ธํ”„๋ผ์ŠคํŠธ๋Ÿญ์ณ ๊ด€๋ฆฌ(IaC)

๐Ÿ‘‰ ๊ตฌ๋งค ์ „ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”. 

  • ํ•ด๋‹น ๊ฐ•์˜๋Š” 2020๋…„ ์ œ์ž‘๋œ ๊ฐ•์˜๋กœ, AWS ๋žŒ๋‹ค ๋“ฑ์˜ UI ํ™”๋ฉด ๊ตฌ์„ฑ์ด ์ˆ˜๊ฐ• ์‹œ์ ๊ณผ ์ƒ์ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ตฌ๋งค ์ „ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๊ฐ•์˜์™€ ์ปค๋ฆฌํ˜๋Ÿผ์„ ํ™•์ธํ•ด์ฃผ์„ธ์š”. 

 ์ผ๋ถ€ ๊ตฌํ˜„๋œ HTML/CSS/JS ํŒŒ์ผ์„ ๊ธฐ๋ฐ˜์œผ๋กœ
ํ”„๋กœ์ ํŠธ๋ฅผ ์™„์„ฑํ•ด๊ฐ€๋Š” ๊ฐ•์˜๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.


๐Ÿ—’ ๊ฐ•์˜์†Œ๊ฐœ

์ˆ˜ ๋งŽ์€ ๊ธฐ์ˆ ์ง€์‹๊ณผ ๊ณ ๋ คํ•ด์•ผํ•  ๊ฒฝํ—˜์  ์ง€์‹๋“ค์ด ๋„˜์ณ๋‚˜๋ฉด์„œ ์ด์ œ๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ชจ๋“  ๊ฒƒ์„ ๋‹ค๋ฃจ๊ณ  ์•Œ๊ธฐ์—” ๋ถˆ๊ฐ€๋Šฅํ•œ ์‹œ๋Œ€๊ฐ€ ๋˜์–ด๊ฐ€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ ๊ทœ๋ชจ๊ฐ€ ์ž‘์€ ๊ฐœ๋ฐœ๋ถ€์„œ๋‚˜ ์Šคํƒ€ํŠธ์—…์˜ ๊ฒฝ์šฐ ๋ถ€์กฑํ•œ ์ž๊ธˆ๊ณผ ๊ฐœ๋ฐœ์ธ๋ ฅ์œผ๋กœ ์ œ๋Œ€๋กœ ๋œ ์„œ๋ฒ„, ๋„คํŠธ์›Œํฌ ๋“ฑ์˜ ๊ด€๋ฆฌ๋ฅผ ํ•˜๊ธฐ๋Š” ๋งค์šฐ ์–ด๋ ค์šด ํ˜„์‹ค์ž…๋‹ˆ๋‹ค.

  • ํ•˜๋ฃจ 10๋ช…์”ฉ ์˜ค๋˜ ์›น์‚ฌ์ดํŠธ์— ๊ฐ‘์ž๊ธฐ ์‹ค๊ฒ€ ํƒ€๋ฉด์„œ 10000๋ช… ๋„˜๊ฒŒ ์ ‘์†ํ•ด์„œ ์„œ๋ฒ„๊ฐ€ ๋ฉˆ์ท„์–ด์š”. ๋‹น์žฅ ์„œ๋ฒ„ ์ปดํ“จํ„ฐ ๋ช‡ ๋Œ€ ๋” ๊ตฌํ•ด์„œ ํ”„๋กœ๊ทธ๋žจ ๊น”๊ณ  ์—ฐ๊ฒฐํ•  ์ˆ˜ ์žˆ๋‚˜์š”?  ๊ทธ๋Ÿฐ๋ฐ ํ•œ ๋‹ฌ ๋’ค์—” ํ•˜๋ฃจ 30๋ช…๋งŒ ์˜ฌ ๊ฒƒ ๊ฐ™๋„ค์š”. ๊ทธ ๋•Œ๋Š” ์„œ๋ฒ„๊ฐ€ ๋งŽ์ด ํ•„์š” ์—†์„ํ…๋ฐ... ์–ด์ฉŒ๋‚˜์š”?

์ˆ™๋ จ๋œ ์„œ๋ฒ„/๋„คํŠธ์›Œํฌ ๊ด€๋ฆฌ์ž ๋˜๋Š” ํ˜ธ์ŠคํŒ… ์—…์ฒด๊ฐ€ ์—†๋‹ค๋ฉด ์‰ฝ๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ๊ฐ€ ์•„๋‹ˆ๊ณ , ๊ฐœ๋ฐœํŒ€์—๊ฒŒ๋Š” ์•…๋ชฝ ๊ฐ™์€ ์ƒํ™ฉ์ž…๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ํ”ผํ•  ์ˆ˜๋„ ์—†๋Š” ์ผ์ด์ง€์š”.

ํ•˜์ง€๋งŒ ํด๋ผ์šฐ๋“œ ์„œ๋น„์Šค์˜ ๋“ฑ์žฅ์œผ๋กœ ์ด๋Ÿฌํ•œ ์–ด๋ ค์›€์€ ์ ์  ์—†์–ด์ง€๊ณ  ์žˆ๊ณ , ํŠนํžˆ ์„œ๋ฒ„๋ฆฌ์Šค ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ (Serverless Application)์€ ์„œ๋ฒ„ ๊ด€๋ฆฌ์— ๋Œ€ํ•œ ๋ถ€๋‹ด์„ ํš๊ธฐ์ ์œผ๋กœ ๋‚ฎ์ถ”์–ด ๊ฐœ๋ฐœ์ž๊ฐ€ ๊ฐœ๋ฐœ์— ๋”์šฑ ์ง‘์ค‘ํ•˜๊ณ  ๋†’์€ ์ƒ์‚ฐ์„ฑ์„ ๋‚ผ ์ˆ˜ ์žˆ๊ฒŒ ๋งŒ๋“ค์–ด ์ค๋‹ˆ๋‹ค. ๊ธฐ์—… ์ž…์žฅ์—์„œ๋„ ์ƒ๋‹นํ•œ ๋น„์šฉ ์ ˆ๊ฐํšจ๊ณผ๋ฅผ ๋ˆ„๋ฆด ์ˆ˜ ์žˆ๊ฒŒํ•˜๋Š” ๊ฐ•๋ ฅํ•œ ์ด์ ์ด ์žˆ๊ธฐ์— ์•ž์œผ๋กœ ํด๋ผ์šฐ๋“œ ํ™˜๊ฒฝ์—์„œ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋А๋ƒ ์—†๋А๋ƒ๋Š” ๊ฐœ๋ฐœ์ž๋กœ์„œ์˜ ๊ฒฝ์Ÿ๋ ฅ์„ ๋‚˜ํƒ€๋‚ด๋Š” ํฐ ์ฒ™๋„๊ฐ€ ๋  ๊ฒƒ์ด๋ผ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์ด ๊ฐ•์ขŒ์—์„œ๋Š” ์ด๋ฏธ ์–ด๋А ์ •๋„ ๊ตฌํ˜„๋œ ์นธ๋ฐ˜๋ณด๋“œ ๋งŒ๋“ค๊ธฐ ํ”„๋กœ์ ํŠธ ํŒŒ์ผ(๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‚˜ ํ”„๋ ˆ์ž„์›Œํฌ ์—†๋Š” ์ˆœ์ˆ˜ HTML, CSS, Javascript) ์„ ๊ธฐ๋ฐ˜์œผ๋กœ AWS์˜ ๋Œ€ํ‘œ์ ์ธ ์„œ๋ฒ„๋ฆฌ์Šค ์„œ๋น„์Šค์ธ API Gateway, Lambda, S3, Dynamo DB์™€ ํ†ตํ•ฉํ•˜๋Š” ๊ณผ์ •์„ ํ†ตํ•ด์„œ ์„œ๋ฒ„๋ฆฌ์Šค ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๋Š” ๊ณผ์ •์„ ๋‹ค๋ค„๋ณผ ๊ฒƒ์ž…๋‹ˆ๋‹ค. 

 

 

๐Ÿ™Œ ์—ฌ๊ธฐ์„œ ๋‹ค๋ฃจ๋Š” ํˆด

 

  • Visual Studio Code ์œˆ๋„์šฐ์ฆˆ ๋ฒ„์ „์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ˆ˜์ •์„ ํ•ฉ๋‹ˆ๋‹ค.
  • GitHub๋กœ ์™„์„ฑ๋œ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๋‹ค์šด ๋ฐ›์Šต๋‹ˆ๋‹ค.
  • Chrome ์ตœ์‹  ๋ฒ„์ „์œผ๋กœ AWS Console ๋ฐ ์™„์„ฑ ํ”„๋กœ์ ํŠธ๋ฅผ ํ…Œ์ŠคํŠธํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ™‹๐Ÿปโ€โ™‚๏ธ ๊ฐ•์˜ ๊ด€๋ จ ์˜ˆ์ƒ ์งˆ๋ฌธ

Q. AWS์— ๋Œ€ํ•œ ์‚ฌ์ „ ์ง€์‹์ด ์—†์–ด๋„ ๋˜๋‚˜์š”?
A. ํด๋ผ์šฐ๋“œ๋ฅผ ์ฒ˜์Œ ์ ‘ํ•˜์‹ ๋‹ค๋ฉด ์™œ ํด๋ผ์šฐ๋“œ๊ฐ€ ์™œ ํ•„์š”ํ•œ์ง€์— ๋Œ€ํ•œ AWS ์ฝ”๋ฆฌ์•„์˜ ์•„๋ž˜ ๋น„๋””์˜ค๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”.

(์งง์€ ๋ฒ„์ „: ์ฒ˜์Œ 12๋ถ„๋งŒ ๋ณด์…”๋„ ๋ฉ๋‹ˆ๋‹ค)

https://www.youtube.com/watch?v=XEet5E7z1cs

(๊ธด ๋ฒ„์ „: 1์‹œ๊ฐ„ 23๋ถ„)

https://www.youtube.com/watch?v=KBzkeuX32XY

Q. ์–ด๋А ์ •๋„์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ง€์‹์ด ํ•„์š”ํ•œ๊ฐ€์š”?
A. ์ด ๊ฐ•์˜๋Š” ์ด๋ฏธ ์–ด๋А ์ •๋„ ์™„์„ฑ๋œ HTML, CSS, Javascript ์ฝ”๋“œ ์œ„์—์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ•์ขŒ์˜ ๋ชฉ์ ์ƒ ์ด๋ฏธ ์™„์„ฑ๋œ ์†Œ์†Œ์ฝ”๋“œ์— ๋Œ€ํ•œ ๋‚ด์šฉ์€ ๋‹ค๋ฃจ์ง€ ์•Š์œผ๋‚˜, ๊ฐ•์˜์—์„œ ๋‹ค๋ฃฐ API ํ˜ธ์ถœ๊ณผ ๊ด€๋ จ๋œ ๋‚ด์šฉ์„ ์ดํ•ดํ•˜์‹ค ์ˆ˜ ์žˆ๋Š” ์ค‘๊ธ‰ ์ˆ˜์ค€์˜ Javascript ์ง€์‹์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ๋ฐฑ์—”๋“œ์˜ ๋žŒ๋‹คํ•จ์ˆ˜๋Š” Node.js ํ™˜๊ฒฝ์—์„œ ์ž‘์„ฑํ•˜์ง€๋งŒ ์„œ๋ฒ„ ๋ฐ ํ”Œ๋žซํผ ๊ด€๋ฆฌ๋Š” AWS์—์„œ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ฐœ๋ฐœ์ž๊ฐ€ ์‹ ๊ฒฝ์„ ์“ธ ํ•„์š”๊ฐ€ ์—†๊ณ , ํ•ต์‹ฌ ๋กœ์ง์„ ์ž‘์„ฑํ•˜๋Š” Javascript ๋ฌธ๋ฒ•๋งŒ ๋”ฐ๋ผ์˜ค์‹ค ์ˆ˜ ์žˆ์œผ๋ฉด ๋ฉ๋‹ˆ๋‹ค. 

๋น„๋™๊ธฐ ๋ฌธ๋ฒ•(Async/Await, Promise), HTTP Request/Response, JSON ๋“ฑ์˜ ๊ฐœ๋…์— ์ต์ˆ™ํ•˜์ง€ ์•Š์€ ๋ถ„๊ป˜๋Š” ์–ด๋ ค์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค๋งŒ AWS๋ฅผ ์ด์šฉํ•œ ์„œ๋ฒ„๋ฆฌ์Šค ์›น๊ฐœ๋ฐœ์˜ ๋Œ€๋žต์ ์ธ ํ๋ฆ„์„ ํŒŒ์•…ํ•˜๋Š”๋ฐ๋Š” ๋„์›€์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฌผ๋ก  ์ด๋Ÿฌํ•œ ๊ฐœ๋…๋“ค์„ ๋จผ์ € ํ•™์Šตํ•œ ์ดํ›„ ์‹œ์ž‘ํ•˜์‹œ๋ฉด ๋” ์ข‹์Šต๋‹ˆ๋‹ค. 

Q. AWS ์‚ฌ์šฉ์— ๋”ฐ๋ฅธ ๋น„์šฉ ์ง€์ถœ์ด ์žˆ๋‚˜์š”?
A. ์ฒ˜์Œ AWS์— ๊ฐ€์ž…ํ•˜์‹œ๋Š” ๋ถ„๋“ค์ด ์ผ์ • ์‚ฌ์šฉ๋Ÿ‰ ๋‚ด์—์„œ 1๋…„๊ฐ„ ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค(ํ”„๋ฆฌํ‹ฐ์–ด)๋กœ๋งŒ ๊ฐ•์˜๋ฅผ ๊ตฌ์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๊ฐ€์ž…ํ•˜์‹ ์ง€ 1๋…„์ด ์ง€๋‚ฌ์–ด๋„ ์ฒญ๊ตฌ๊ธˆ์•ก์€ ๊ทนํžˆ ๋ฏธ๋ฏธํ•  ๊ฒƒ์ด๋ผ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ผ์ • ๊ธˆ์•ก ์ด์ƒ ๋น„์šฉ ์ฒญ๊ตฌ์‹œ ์•Œ๋žŒ์„ ๋ณด๋‚ด๋Š” ๋‚ด์šฉ์„ ๊ฐ•์ขŒ ์ดˆ๊ธฐ์— ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. 

 

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • ๊ธฐ์ดˆ๋ฅผ ๋„˜์–ด ๋ณธ๊ฒฉ์ ์ธ AWS ํด๋ผ์šฐ๋“œ ํ•™์Šต์„ ์‹œ์ž‘ํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • HTML, CSS, Javascript๋กœ ์›นํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์ง€๋งŒ ํด๋ผ์šฐ๋“œ๋กœ ์„œ๋ฒ„ ์šด์˜, ๋ฐฑ์—”๋“œ๋ฅผ ์ข€ ๋” ์‰ฝ๊ฒŒ ์ ‘๊ทผํ•˜๊ณ  ์‹ถ์€ ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • ์ดˆ์ค‘๊ธ‰ HTML, CSS

  • ์ค‘๊ธ‰ Javascript

์•ˆ๋…•ํ•˜์„ธ์š”
HP์ž…๋‹ˆ๋‹ค.

631

๋ช…

์ˆ˜๊ฐ•์ƒ

35

๊ฐœ

์ˆ˜๊ฐ•ํ‰

7

๊ฐœ

๋‹ต๋ณ€

4.7

์ 

๊ฐ•์˜ ํ‰์ 

1

๊ฐœ

๊ฐ•์˜

ํ•œ๊ตญ์˜ ์Šคํƒ€ํŠธ์—… ๊ฐœ๋ฐœ์ž๋กœ ์ปค๋ฆฌ์–ด๋ฅผ ์‹œ์ž‘ํ•ด ์ง€๊ธˆ์€ ๋ฏธ๊ตญ๊ณผ ์บ๋‚˜๋‹ค์—์„œ C#(.Net), AWS, React ์ค‘์‹ฌ์˜ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๊ณ  ์žˆ๋Š” ์˜คํƒ€์™€์˜ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค.

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

33๊ฐœ โˆ™ (12์‹œ๊ฐ„ 10๋ถ„)

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์•„์ง ์ถฉ๋ถ„ํ•œ ํ‰๊ฐ€๋ฅผ ๋ฐ›์ง€ ๋ชปํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.
๋ชจ๋‘์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ์ˆ˜๊ฐ•ํ‰์˜ ์ฃผ์ธ๊ณต์ด ๋˜์–ด์ฃผ์„ธ์š”!