Like / Publishing with AWS S3

AWS S3를 이용하여 배포하는 법 정리
https://github.com/wecode-bootcamp-korea/26-1st-LIKE-frontend

S3는 AWS가 클라우드 스토리지를 제공하는 서비스이다. 하지만 일련의 셋팅을 거치면 웹호스팅이 가능하게 된다. (구글 드라이브로 호스팅하는 느낌?)

Step 1. npm run build

Step 2. Visit AWS S3

Step 3. Create bucket

Step 4. Upload Files

프로젝트의 build 폴더에 있는 파일과 폴더를 업로드 한다.

Step 5. Properties Tap > Edit in Static website hosting section

Step 6. Static website hosting > Enable > Index document > index.html > Save changes

Step 7. Permission Tap > Bucket policy > Edit

Paste policy above

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::wecode26likeproject/*"
        }
    ]
}

Step 8. Go back to Properties > get URL from the bottom

Resource