프론트 배포하기

팀 프로젝트 (백-프론트) 협업을할때

백엔드에서 는 ec2 를 통해서 서버를 열어주고 프론트는 빌드파일을 s3에 올려서 배포를 하는 식으로 진행을 했다.

진행방법은 생각 보다 간단했다.

S3 버킷 만들기

모든 퍼블릭 액세스 차단 체크를 풀어주고

버킷만들기를 누른다.

버킷이 생성되면 속성을 클릭해 주고

정적 웹사이트 호스팅 편집에서 활성화를 해준다.

그 뒤에 인덱스 문서와 오류문서를 둘다 index.html 로 설정해주고

그러면 엔드포인트가 잘 생성 되는것을 확인 할 수 있다.

그 뒤에는 s3 에 빌드 파일을 올리기만 하면 되는데 업로드 버튼을 누르고

npm run build 를 하고 빌드된 파일을 폴더안에 있는것을 모두 업로드 하면된다!

(여기서 주의할 점은 vite 환경에서 타입스크립트 오류가 하나라도 있으면 파일이 build 되지 않으므로 오류를 해결하고 build 해야한다.)

dist 안에 있는 파일들을 올리고 업로드 하면 배포가 끝난다.!

배포링크