#Uploading images into AWS S3 Storage

[wnsdudSoftkim]

아마존 S3 란 무엇인가?

내가 하려는 것 - React 앱에서 이미지를 S3버킷에 업로드

1. aws 계정생성 후 S3 스토리지 버킷 생성

https://docs.aws.amazon.com/quickstarts/latest/s3backup/step-1-create-bucket.html

2. CORS 설정

[
{
"AllowedHeaders": [
""
],
"AllowedMethods": [
"GET",
"PUT",
"POST",
"HEAD",
"DELETE"
],
"AllowedOrigins": [
""
],
"ExposeHeaders": [],
"MaxAgeSeconds": 3000
}
]

3. 엑세스 키와 보안 키 생성

4. React 로 돌아와서 npm i --save react-s3

5.

import S3FileUpload from 'react-s3
const 구성 = {
      bucketName : '버킷 이름 입력',
      dirName : '폴더 이름 입력', / * 선택 사항 * /
      region : 'Enter Your Bucket region',
      accessKeyId : '여기에 accessKeyId 입력',
      secretAccessKey : 'secretAccessKey 입력'
}
S3FileUpload.uploadFile("이미지파일",config)

결과화면

[wnsdudSoftkim]

[Issue] AWS 에서 보낸 위험 메세지

위 예시처럼 accesskey와 secretAccessKey를 넣고 git에 올려버리면 , AWS가 key가 남용되었다고 판단해 계정을 잠가버린다.
실제로 EC2를 이용해 배포를 하려할 때 계정이 차단되었다는 이벤트로 몇일동안 애먹었다.
프로젝트 구성도는 프런트와 백엔드는 AWS EB를 이용해 배포 하려 했고
MySQL 은 AWS RDS
이미지 업로드는 AWS S3를 이용하려 했으나
계정이 잠겼기에 AWS EB는 당분간 사용할 수 없게 되었다. AWS EC2와 AWS EB는 사용법을 알고 쓰는게 중요하다는 것을 알았다.