Image upload Process

μ •μŠΉμ›Β·2023λ…„ 4μ›” 24일
0
post-thumbnail

πŸ“’ λͺ©μ°¨

  • πŸ“Œ 이미지 μ—…λ‘œλ“œ ν”„λ‘œμ„ΈμŠ€

πŸ“Œ 이미지 μ—…λ‘œλ“œ ν”„λ‘œμ„ΈμŠ€

이미지 μ—…λ‘œλ“œ ν”„λ‘œμ„ΈμŠ€μ— λŒ€ν•΄ μ•Œμ•„λ³΄κΈ° 전에, ν•΄λ‹Ή ν”„λ‘œμ„ΈμŠ€λŠ” νšŒμ‚¬, μ„±λŠ₯의 μ€‘μš”λ„ 등에 따라 전체적인 κ΅¬μ‘°λŠ” λ‹€λ₯Ό 수 μžˆλ‹€.

λ”°λΌμ„œ, κ°€μž₯ 기본적인 방식에 λŒ€ν•΄μ„œ μ•Œμ•„λ³΄λ„λ‘ ν•˜μž!!

전체적인 ν”„λ‘œμ„ΈμŠ€μ— λŒ€ν•΄ 보자면, μ•„λž˜μ™€ κ°™λ‹€.

  1. λΈŒλΌμš°μ €μ— μ‚¬μš©μžκ°€ μ—…λ‘œλ“œν•  이미지 νŒŒμΌμ„ μ„ νƒν•œλ‹€.
  1. λΈŒλΌμš°μ €μ—μ„œ μ„ νƒλœ νŒŒμΌμ„ λ³€μˆ˜μ— μ €μž₯ν•œλ‹€.
    μ—¬κΈ°μ„œ λ³€μˆ˜μ— λ‹΄κΈ΄ λ‚΄μš©μ„ 파일 객체라고 ν•˜λ©° 파일 μ‚¬μ΄μ¦ˆ 와 같은 νŒŒμΌμ— λŒ€ν•œ 정보λ₯Ό λ‹΄κ³  μžˆλ‹€.
  1. λΈŒλΌμš°μ €μ—μ„œλŠ” 파일 객체λ₯Ό λ°±μ—”λ“œ μ„œλ²„μ— μ—…λ‘œλ“œ μš”μ²­μ„ ν•œλ‹€.
    λ”°λΌμ„œ, λ°±μ—”λ“œ μ„œλ²„μ—μ„œλŠ” 파일 μ—…λ‘œλ“œ APIλ₯Ό μ œμž‘ν•΄ 놓아야 ν•œλ‹€.
  1. λ°±μ—”λ“œ μ„œλ²„μ—μ„œλŠ” APIλ₯Ό 톡해 받은 νŒŒμΌμ„ DB에 μ €μž₯ μ‹œ BLOBνƒ€μž…μœΌλ‘œ μ €μž₯ν•˜κ²Œ λœλ‹€.
    ν•˜μ§€λ§Œ νŒŒμΌμ€ 큰 μš©λŸ‰μ„ μ°¨μ§€ν•˜κΈ° λ•Œλ¬Έμ— λͺ¨λ“  νŒŒμΌμ„ DB에 μ €μž₯ν•˜λŠ” 것은 λΉ„νš¨μœ¨μ μ΄λ‹€.

이미지 νŒŒμΌμ€ μš©λŸ‰μ΄ 큰데, κ·Έλ ‡λ‹€λ©΄ 어디에 μ €μž₯ν•΄μ•Ό ν• κΉŒ??

정닡은 Storage Service이닀.

Storage Serviceλ₯Ό μ œκ³΅ν•˜λŠ” λŒ€ν‘œμ μΈ νšŒμ‚¬λ‘œ AGS, GCP, Azureκ°€ 있으며, μ΄λŸ¬ν•œ νšŒμ‚¬λ₯Ό Cloud Provider라 ν•œλ‹€.

μœ„μ˜ νšŒμ‚¬λ“€μ€ ν•΄λ‹Ή νšŒμ‚¬μ— λΉ„μš©μ„ μ§€λΆˆν•˜λ©΄ μš©λŸ‰μ΄ 큰 νŒŒμΌμ„ λ¬΄μ œν•œμœΌλ‘œ μ €μž₯ν•  수 μžˆλŠ” Cloud Storage Serviceλ₯Ό μ΄μš©ν•  수 μžˆλ‹€.

이제 이미지 파일이 Storage에 μ €μž₯ λ˜λŠ” ν”„λ‘œμ„ΈμŠ€μ— λŒ€ν•΄ μ•Œμ•„λ³΄μž!!

  1. λΈŒλΌμš°μ €μ—μ„œ 파일 첨뢀 ν›„ 파일 μ—…λ‘œλ“œ APIλ₯Ό μš”μ²­ν•˜λ©΄ Storage에 νŒŒμΌμ„ μ €μž₯ν•œλ‹€.
  1. Storageμ—μ„œλŠ” νŒŒμΌμ„ μ €μž₯ν•œ 결과둜 사진을 λ‹€μš΄λ‘œλ“œ ν•  수 μžˆλŠ” μ£Όμ†Œλ₯Ό λ°˜ν™˜ν•œλ‹€.
  1. λ°±μ—”λ“œμ—μ„œλŠ” λ°˜ν™˜λœ μ£Όμ†Œλ₯Ό λΈŒλΌμš°μ €λ‘œ λ³΄λ‚΄μ£Όκ²Œ λœλ‹€.
  1. λΈŒλΌμš°μ €μ—μ„œ κ²Œμ‹œκΈ€μ„ μž‘μ„±ν•˜κ²Œλ˜λ©΄ title, content, μ—…λ‘œλ“œν•œ 파일의 URLλ₯Ό ν¬ν•¨ν•΄μ„œ κ²Œμ‹œλ¬Ό 등둝 APIλ₯Ό μš”μ²­ν•œλ‹€.
  1. μš”μ²­λœ APIλ₯Ό 톡해 DB에 μ €μž₯이 되며 ν…Œμ΄λΈ”κ΅¬μ‘°μ— 따라 κ²Œμ‹œκΈ€ ν…Œμ΄λΈ”μ— ν•¨κ»˜ μ €μž₯λ˜κ±°λ‚˜
    μ΄λ―Έμ§€λŠ” μ΄λ―Έμ§€ν…Œμ΄λΈ”μ— λ”°λ‘œ μ €μž₯λ˜λŠ” ꡬ쑰λ₯Ό κ°€μ§€κ²Œ λœλ‹€.

πŸ“Œ μ°Έμ‘°

https://codebootcamp.co.kr/

0개의 λŒ“κΈ€