배포 2

Vue Github Action & S3 배포하기

요즘은 배포 자동화로 편리하게 배포를 하는 것 같아서 Github Action에 대해 알아보았다. 우선 AWS 계정이 있어야 하고, 배포할 Git Repository가 있어야 한다. 우선 S3 버킷을 생성해야 하는데, 특별한 설정은 없고 모든 퍼블릭 엑세스 차단만 해제하여 버킷을 하나 만든다. 그리고 해당 버킷 속성에서, 버킷 정책을 들어간다. 정책을 만들기 위해 정책 생성기를 누른다. 위와 같이 설정한 후, Amozon Resource Name은 정책 생성기 버튼을 누른 페이지에 있는 버킷 ARN을 복사한 후 뒤에 /*을 붙여준다. 예시: arn:aws:s3:::hoon-github-action/* 정책을 만들었다면, 복사하여 붙여넣고 저장한다. 그리고 사용자를 추가해야한다. AWS에 IAM을 검색하여..

Github Action 2021.02.16

Vue-cli Netlify 배포 방법

기본적으로 Vue-cli는 npm run build를 통해 dist 폴더가 생성되고, HTML,CSS,JS가 압축되어 들어간다. Netlify를 통해 배포하기 전에, /public 폴더 아래 _redirects 파일을 생성 후 , 아래의 코드를 넣어주어야 한다. # Netlify settings for single-page application /* /index.html 200 위 파일을 넣어야 URL에 router 값을 넣어도 not-found가 뜨지 않는다. 파일을 넣고 Github Repository에 푸쉬한다. Netlify에 접속 후 New site from git을 눌러 Repository를 연결한다. Netlify에 연결된 저장소를 클릭하고, Settings을 누른 후 좌측 메뉴의 Build..

Vue-cli 배포 2020.02.17