공부하기싫어
article thumbnail

포트폴리오로 사용할 웹사이트를 S3 버킷에 정적 웹 호스팅 하려고 한다

 

버킷 생성

버킷 이름은 portfolio.cyaninn.com 으로 해주고 ACL 은 비활성화 해줬다

public access

퍼블릭 엑세스 차단을 비활성화해주고

버전관리를 활성화시켜줬다

 

이후 버전의 수명주기 정책을 생성해주고

정적 웹 호스팅을 enable 해줬다

 

static web hosting
life cycle

그리고 이제 퍼블릭 액세스 시 403 에러 해결을 위해 버킷 정책을 추가해줬다

 

https://awspolicygen.s3.amazonaws.com/policygen.html

 

AWS Policy Generator

Click below to edit. To save the policy, copy the text below to a text editor. Changes made below will not be reflected in the policy generator tool.

awspolicygen.s3.amazonaws.com

여기서 모든 getobject 를 허용해주는 정책을 만들어서 붙여넣기 해줬다

 

 

 

웹사이트 제작

https://html5up.net/stellar

 

Stellar by HTML5 UP

Say hello to Stellar, a slick little one-pager with a super vibrant color palette (which I guess you can always tone down if it's a little too vibrant for you), a "sticky" in-page nav bar (powered by my Scrollex plugin), a separate generic page template (j

html5up.net

여기서 탬플릿을 받아서 제작해봤다

들어갈 내용은

1. 간단한 자기소개 + 기술스택 + 자격증

2. 구름 국비지원 + 프로젝트

3. 개인 인프라 (blackpink project)

4. 가상화폐 자동매매

5. 작은 프로젝트들 (oss 공개 s/w 참가 , 로아쿠크세이튼웹게임)

 

의 내용을 담아서

 

웹에서는 간단한 소개만 하고 learn more 버튼을 클릭하면 내 블로그 포스팅으로 넘어가게끔 할 예정이다

 

대충

 

이정도만하고

이제 버킷에 업로드 한 다음 route53 에 연결해보자

 

upload

버킷에 파일들을 업로드했고 버킷 앤드포인트로 접속해서 동작도 모두 확인했다.

 

route53 에 별칭 레코드를 추가해줬다

 

 

http://portfolio.cyaninn.com/

 

SungYeonWoo

Hello World! 18살때부터 적성검사 결과가 ENTJ인 저는 고등학교때부터 코딩에 관심을 가졌었습니다. 인덕대학교 정보통신공학과 학사를 졸업하면서 IT 전반에 대한 공부를 했었고, DevOps 를 지향해서

portfolio.cyaninn.com

완성~