부록 : AWS s3에서 정적페이지 호스팅하기

• S3는 스토리지 서비스입니다. 가벼운 서비스라면

버킷 생성하기

1. 아마존 홈페이지 검색탭에서 s3검색 후 클릭

2. 버킷만들기를 선택합니다.

3. 버킷 이름을 입력하고 리전을 선택하겠습니다.



버킷이름에는 중요한 정보등을 포함하지 않도록 작성해주세요. 나중에 버킷안의 객체들을 참조하기위한 URL에 표시되기 때문이에요. 따라서 URL이 겹치면 안되기 때문에 누구나 쓸거같은 버킷이름을 사용하면 아래와 같이 버킷이름을 바꿔야 한다고 나옵니다.



리전은 가까운곳으로 선택해주세요. 저는 한국에 살고있으니 서울로 선택했습니다.

4. 공개(퍼블릭 액세스)여부 설정
누군가 내 버킷을 마음대로 접속하지 못하도록 해주는게 좋아요. 하지만 우리의 html을 읽을 수 있게 해줘야 하기 때문에 체크해제를 해주겠습니다. 저장소에 대해 공개를 해놓는 것이기 때문에 민감한 정보는 올리지 않는게 좋습니다.

5. 다른부분은 건들지 않고 하단의 버킷만들기를 클릭하겠습니다.
퍼블릭액세스 이하 전체설정

6. 버킷이 생성되었습니다. 버킷이름을 클릭하여 버킷에 들어가보도록하겠습니다.

버킷에 내 파일 업로드하기

1. 버킷에 접속하여 업로드 버튼을 누릅니다.

2. 파일을 드래그앤 드롭으로 업로드 해주겠습니다. 폴더추가나 파일추가를 이용해도 됩니다!
권한 또한 버킷을 생성할때와 마찬가지로 프라이빗으로 되어있는지만 확인, 나머지설정은 만지지 않고 업로드 버튼을 누르겠습니다.

3. 업로드 파일에 대한 권한설정
아래와 같은 화면이 나오지 않는경우

1. 아래 세팅을 하지않고 업로드를 진행합니다.

2. 버킷의 메인에서 권한 탭으로 들어갑니다.





3. 스크롤을 내려 버킷 정책을 수정합니다.

4. 편집 버튼을 누르고 아래 json을 복사해서 입력해줍니다. 그리고 {BucketName}부분을 버킷이름으로 바꿔주면 버킷이 공개설정되어 배포했을때 업로드한 파일에 접근이 가능해집니다.

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

역시나 업로드할때는 민감한 정보는 포함되지 않게 해주세요 ㅎ



설정을 한 후에 업로드 버튼을 누르고 업로드를 완료하겠습니다.

4. 닫기를 눌러 버킷의 메인으로 돌아갑니다

정적 웹 사이트 호스팅 설정

1. 이제 '속성' 탭으로 들어가겠습니다.

2. 정적 웹 사이트 호스팅 설정하기
버킷 속성 탭으로 넘어가면 아래와 같은 화면이 나오는데요



제일 아래로 내려보면 '정적 웹 사이트 호스팅' 설정부분이 있습니다. 편집 버튼을 눌러주겠습니다.



편집버튼을 누르고 정적 웹 사이트 호스팅을 활성화로 바꿔줍니다.



활성화를 하게되면 아래와 같은 입력창이 나오는데요. 저는 index.html로 파일을 업로드 했기때문에 index.html을 입력해주었습니다.

3. 변경사항 저장을 눌러줍니다.
변경사항 저장을 누르고 다시 속성탭 → 하단 정적 웹사이트 호스팅 부분을 보면 아래와같이 나옵니다.

4. 해당 주소로 들어가면 우리가 만든 페이지를 볼 수 있습니다!

무료 도메인 연결해보기

Freenom - A Name for Everyone

https://www.freenom.com/