Thumbs Logo

์ธ์ฆˆ, ์Šคํ„ฐ๋”” ๋ชจ์ž„ ๋งค์นญ ์„œ๋น„์Šค

๋‚˜๋ž‘ ๋”ฑ ๋งž๋Š” ์Šคํ„ฐ๋””

๋ชจ์ž„ ๋งž์ถค์„œ๋น„์Šค ์•ฑ
์ž‘์—…์ผ: June 01, 2022 โ†’ December 31, 2023

SUMMARY

์‹œ๊ฐ„, ์ง€์—ญ, ์žฅ์†Œ, ์„ฑํ–ฅ๋“ฑ ๋‚˜์—๊ฒŒ ๋งž๋Š” ๋งž์ถคํ˜• ๋ชจ์ž„์„ ๋งค์นญํ•ด์ฃผ๋Š” ์„œ๋น„์Šค

Used skills

PHP Laravel MySQL Linux AWS HTML5 CSS TailwindCSS
Thumbs Hero

Overview

ํ•™์ƒ ๋ฐ ์ง์žฅ์ธ๋“ค์ด ์ž์‹ ์—๊ฒŒ ๋งž๋Š” ์Šคํ„ฐ๋”” ๊ทธ๋ฃน์„ ์ฐพ๋Š” ๋ฐ ๊ฑธ๋ฆฌ๋Š” ์‹œ๊ฐ„์„ ์ค„์ด๊ณ , ๋ณด๋‹ค ํšจ์œจ์ ์œผ๋กœ ์—ฐ๊ฒฐ๋  ์ˆ˜ ์žˆ๋„๋ก ๋ชจ์ž„ ๋งค์นญ ์„œ๋น„์Šค๋ฅผ ๊ฐœ๋ฐœํ–ˆ์Šต๋‹ˆ๋‹ค.

๋ช‡ ์ฐจ๋ก€์˜ ์„ค๋ฌธ ์กฐ์‚ฌ๋ฅผ ํ†ตํ•ด ํ•ด๋‹น ๋‹ˆ์ฆˆ๋ฅผ ํ™•์ธํ•œ ํ›„ ํ”„๋กœ์ ํŠธ๊ฐ€ ์‹œ์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ด ์„œ๋น„์Šค๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์ž์‹ ์˜ ํ•™์Šต ์ˆ˜์ค€, ๋ชจ์ž„ ์„ฑํ–ฅ, ํ•™์Šต ์‹œ๊ฐ„์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋งž์ถคํ˜• ์Šคํ„ฐ๋”” ๊ทธ๋ฃน์„ ์ฐพ๊ฑฐ๋‚˜ ์ƒ์„ฑํ•˜๊ณ  ์ž๋™ ๋งค์นญ์„ ํ†ตํ•ด ์ ํ•ฉํ•œ ๋ชจ์ž„์— ์—ฐ๊ฒฐ๋  ์ˆ˜ ์žˆ๋„๋ก ๋•์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ์Šคํ„ฐ๋”” ๋ชจ์ž„ ์žฅ์†Œ์™€ ๊ด€๋ จ ํด๋ž˜์Šค ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜์—ฌ ๋”์šฑ ํ’๋ถ€ํ•œ ํ•™์Šต ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

Overview 1 Overview 2

Approach

AWS ์•„ํ‚คํ…์ฒ˜๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์„œ๋น„์Šค์˜ ์•ˆ์ •์„ฑ๊ณผ ํ™•์žฅ์„ฑ์„ ๊ณ ๋ คํ•˜์—ฌ ์ธํ”„๋ผ๋ฅผ ์„ค๊ณ„ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ฃผ์š” ๊ตฌ์„ฑ ์š”์†Œ๋กœ๋Š” Route 53, ELB, EC2, S3, RDS, Auto Scaling์„ ํ™œ์šฉํ•˜์—ฌ ์‹œ์Šคํ…œ์˜ ๊ฐ€์šฉ์„ฑ๊ณผ ์œ ์—ฐ์„ฑ์„ ํ™•๋ณดํ–ˆ์Šต๋‹ˆ๋‹ค.

๋กœ์ปฌ ๊ฐœ๋ฐœ ํ›„ ๊ฐœ๋ฐœ ์„œ๋ฒ„์—์„œ ์ฒ ์ €ํžˆ ํ…Œ์ŠคํŠธ๋ฅผ ๊ฑฐ์ณ, ์šด์˜ ํ™˜๊ฒฝ์— ๋ฐ˜์˜ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ์—๋Š” Laravel์„ ์‚ฌ์šฉํ•ด ์„œ๋ฒ„ ๊ฐœ๋ฐœ์„ ๋‹ด๋‹นํ•˜๊ณ , Javascript์™€ TailwindCSS๋ฅผ ํฌํ•จํ•œ HTML/CSS๋กœ ํ”„๋ก ํŠธ์—”๋“œ์™€ ํผ๋ธ”๋ฆฌ์‹ฑ์„ ๊ตฌํ˜„ํ–ˆ์œผ๋ฉฐ, PUSHER๋ฅผ ํ†ตํ•ด ์ฑ„ํŒ… ๋ฐ ์‹ค์‹œ๊ฐ„ ์•Œ๋ฆผ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

AWS ์•„ํ‚คํ…์ฒ˜ ๊ตฌ์„ฑ

AWS Architecture

Outcomes

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

Outcomes 1 Outcomes 2

ํ•™์Šต๋ชจ์ž„์— ํ•„์š”ํ•œ ๊ธฐ๋Šฅ๋“ค์„ ๋ฐ”ํƒ•์œผ๋กœ ์žฅ์†Œ ์ถ”์ฒœ

์นดํŽ˜ ์ด๋ฒคํŠธ ๋ฐ ์‹œ์„ค์  ์ •๋ณด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์ถ”์ฒœ

Feature 1

๋‚ด ์ฃผ๋ณ€ ํ…Œ๋งˆ์— ๋งž๋Š” ๊ณต๊ฐ„ ํ™•์ธ

๊ฐ ๋‹จ์ฒด๋ณ„ ์žฅ๊ฒฝ๊ณผ ์ •๋ณด๋ฅผ ์•Œ๊ฒŒ ํ•œ ๋ˆˆ์— ์•Œ๊ฒŒ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

Feature 2

์ƒํ™ฉ, ํ•™์Šต ์ˆ˜์ค€, ์„ฑํ–ฅ์— ๋Œ€ํ•œ ์ •๋ณด๋งŒ ์ž…๋ ฅํ•˜๋ฉด ์ถ”์ฒœ ๋ฐ ์ž๋™ ๋งค์นญ

ํ•™์Šต ๋ชฉ์ , ์ˆ˜์ค€, ์‹œ๊ฐ„, ๋‚จ๋…€ ์„ฑํ–ฅ, ๋ชจ์ž„ ๊ธฐ๋Šฅ์ž์™€, ์œ„๋„, ๋ฐฉ๋ฒ•, ์ง€์—ญ ์ž…๋ ฅ, ๋งž๋ˆ” ๊ฐ์ธต์žฅ์™€ ํด๋ž˜์Šค ์ •๋ณด๋ฅผ ํ•จ๊ป˜ ์ •ํ•ฉ๋‹ˆ๋‹ค

Feature 3