[사이드 프로젝트] 웹 접근성 검사 도구 #9 AWS S3 배포

그동안 외부 프로젝트를 진행하느라 제쳐두었던 사이드 프로젝트 '웹 접근성 검사 도구' 배포를 했다. 사실 정적 웹 사이트는 빌드 후에 버킷에 올리기만 하면 돼서 간단하다.

> AWS S3 접속

우선 AWS 홈페이지에서 S3를 찾아 들어간다.

> 버킷 생성

그 다음 버킷을 생성해 준다.

> 버킷명 지정

버킷명을 정해주는데, 이때 중요한 점은 나중에 도메인 설정을 할 거라면 원하는 도메인과 버킷명을 일치시켜 주어야 한다.

> 퍼블릭 엑세스 차단 비활성화 및 확인

모든 퍼블릭 엑세스 차단을 해제하고 이를 인지하고 있다는 체크를 해준다.

나머지 설정은 할 필요 없이 맨 아래 '버킷 만들기' 클릭

> 버킷 정책 설정

그 후 해당 버킷에 엑세스 할 수 있도록 버킷 정책을 수정한다.

아래 코드를 붙여넣고 버킷명만 수정해 준다.

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

> 객체 업로드

그 후 버킷에 프로젝트를 올려준다. 리액트 어플리케이션의 경우 빌드 파일을 그대로 올려주면 된다.

> 배포 확인

'속성' 탭에 들어가 맨 아래 '정적 웹 사이트 호스팅'에 보면 url이 하나 있는데, 해당 url을 통해 사이트에 접속할 수 있다.

짠