Skip to content

Latest commit

ย 

History

History
81 lines (55 loc) ยท 3.12 KB

File metadata and controls

81 lines (55 loc) ยท 3.12 KB

๐Ÿ“–์„œ๋น„์Šค/ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

์ด์ปค๋จธ์Šค ํšŒ์‚ฌ ๋‚ด๋ถ€์—์„œ ์ด๋ฏธ์ง€ ๊ด€๋ จ ์ฒ˜๋ฆฌ๋ฅผ ๋•๋Š” ์ด๋ฏธ์ง€ ์ฒ˜๋ฆฌ ๋ชจ๋“ˆ ํ”„๋กœ์ ํŠธ

๋น ๋ฅธ ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ์™€ ์กฐํšŒ๋Š” ๋ฌผ๋ก , ๋‹ค์–‘ํ•œ ์ด๋ฏธ์ง€ ํฌ๊ธฐ์— ๋Œ€ํ•œ ์œ ์—ฐํ•œ ์ฒ˜๋ฆฌ๋ฅผ ํ†ตํ•ด ๋ณด๋‹ค ๋งค๋„๋Ÿฝ๊ณ  ์ง๊ด€์ ์ธ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์ œ๊ณต

๐Ÿ—๏ธ์ธํ”„๋ผ ์„ค๊ณ„๋„

image

๐Ÿ”‘์ฃผ์š” ๊ธฐ๋Šฅ

1๏ธโƒฃImage Upload Server

  • ๐Ÿ“ค ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ
  • ๐Ÿ—„๏ธ ์ด๋ฏธ์ง€ ์ •๋ณด DB ์ €์žฅ (์›๋ณธ ์ด๋ฆ„, ํ™•์žฅ์ž ๋“ฑ)
  • โœ… ํ™•์žฅ์ž ์ฒดํฌ
  • โณ ์›ํ•˜๋Š” ์ด๋ฏธ์ง€ ์‚ฌ์ด์ฆˆ์™€ ์บ์‹ฑ ์‹œ๊ฐ„ ์š”์ฒญ

2๏ธโƒฃImage Convert Server

  • ๐Ÿ“ค ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ, ๋‹ค์šด๋กœ๋“œ, ์‚ญ์ œ
  • โœ‚๏ธ ์›๋ณธ ์ด๋ฏธ์ง€ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ์ œ๊ฑฐ
  • ๐ŸŒ ์ด๋ฏธ์ง€ WebP ํŒŒ์ผ ๋ณ€ํ™˜

3๏ธโƒฃImage Resizing Server

  • ๐Ÿ“ ์‚ฌ์šฉ์ž๊ฐ€ ์›ํ•˜๋Š” ํฌ๊ธฐ๋กœ ์ด๋ฏธ์ง€ ๋ฆฌ์‚ฌ์ด์ง•
  • ๐Ÿ—„๏ธ ๋ฆฌ์‚ฌ์ด์ง•๋œ ์ด๋ฏธ์ง€ ์ •๋ณด DB ์ €์žฅ
  • ๐ŸŒ WebP ํŒŒ์ผ ์—…๋กœ๋“œ

4๏ธโƒฃImage Fetch Server

  • ๐Ÿ”— Backend Client์—๊ฒŒ CDN URL ๋ฐ˜ํ™˜
  • ๐Ÿ“ฆ CDN Server์— ํ•„์š” ์ด๋ฏธ์ง€ ์ „๋‹ฌ
  • ๐Ÿ”„ WebP ํƒ€์ž…์—์„œ ์›๋ž˜ ํƒ€์ž…์œผ๋กœ ๋ณ€ํ™˜

5๏ธโƒฃCDN Server

  • ๐ŸŒ ๋ธŒ๋ผ์šฐ์ €์˜ ์ด๋ฏธ์ง€ ์กฐํšŒ ์š”์ฒญ ์ฒ˜๋ฆฌ
  • ๐Ÿ“ฅ ๋ธŒ๋ผ์šฐ์ €์˜ ์ด๋ฏธ์ง€ ๋‹ค์šด๋กœ๋“œ ์š”์ฒญ ์ฒ˜๋ฆฌ
  • ๐Ÿ—ƒ๏ธ ์ด๋ฏธ์ง€ ์บ์‹ฑ ์ฒ˜๋ฆฌ
  • โš–๏ธ CDN Server ์šฉ๋Ÿ‰ ์ฒดํฌ


โš™๏ธ์ ์šฉ ๊ธฐ์ˆ 

image

๐ŸคCONTRIBUTORS

ํŒ€์›๋ช… ํฌ์ง€์…˜ ๋‹ด๋‹น(๊ฐœ์ธ๋ณ„ ๊ธฐ๋Œ€์ ) GitHub ๋งํฌ
์•ˆ์ง€์—ฐ UploadServer - ์ด๋ฏธ์ง€ minio ์—…๋กœ๋“œ
- ์›๋ณธ ๋ฐ์ดํ„ฐ ์ €์žฅ
- ์„œ๋ฒ„ ๋ฐฐํฌ
- AWS EC2, RDS
- Dockerfile ์ƒ์„ฑ
- docker-compose.yml ์ƒ์„ฑ
(https://github.com/jiyeonahn)
์„œ๋ณ‘์ค€ convertServer
resizeServer
- ์ด๋ฏธ์ง€ ์›๋ณธ ๋‹ค์šด๋กœ๋“œ
- ์›๋ณธ ์ด๋ฏธ์ง€ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ์ €์žฅ
- ์›๋ณธ CDN ์ฃผ์†Œ ์ €์žฅ
- WebP๋กœ์˜ ๋ณ€ํ™˜
- ์‚ฌ์šฉ์ž๊ฐ€ ์›ํ•˜๋Š” ํฌ๊ธฐ๋กœ ๋ฆฌ์‚ฌ์ด์ง•
- ๋ฆฌ์‚ฌ์ด์ง•๋œ ์ด๋ฏธ์ง€ ์ €์žฅ ๋ฐ DB ์ €์žฅ
- WebP ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ
(https://github.com/mad-cost)
์ตœ์ค€ CdnServer - CDN ์„œ๋ฒ„ ๊ตฌ์ถ•
- ์ด๋ฏธ์ง€ ์บ์‹ฑ
- ์ด๋ฏธ์ง€ ์กฐํšŒ ๋ฐ ๋‹ค์šด๋กœ๋“œ
- CDN Server ์ตœ์ ํ™”
- Backend Client ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ž‘์„ฑ
(https://github.com/CJ-1998)
๋…ธ๋ฏผ๊ฒฝ fetchServer - ํ•ด๋‘” ์ด๋ฏธ์ง€์˜ CDN URL ๋ฐ˜ํ™˜
- CDN URL ๊ฐ’ ์ „๋‹ฌ ๋ฐ ์กฐํšŒ, ๋ฉ”์‹œ์ง€ ๋ฐ˜ํ™˜
- ์ด๋ฏธ์ง€ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ๋ฐ˜ํ™˜
- File Name, Type, Caching Time, ์ด๋ฏธ์ง€ ๋ฐ”์ดํŠธ ๋ฐ˜ํ™˜
(https://github.com/minjjings)