S3에 배포하기

이제 S3 버킷이 생성되었으므로 앱의 에셋을 업로드할 준비가 되었습니다.

앱 빌드하기

Create React App은 앱을 배포할 수 있도록 패키징하고 준비하는 편리한 방법을 제공합니다. 작업 디렉토리에서 다음 명령어를 실행하세요.

$ npm run build

이 명령어는 모든 리소스를 패키징하여 build/ 디렉토리에 저장합니다.

S3에 업로드하기

이제 배포를 위해 다음 명령어를 실행하세요. 여기서 YOUR_S3_DEPLOY_BUCKET_NAME은 S3 버킷 생성하기 챕터에서 만든 S3 버킷의 이름입니다.

$ aws s3 sync build/ s3://YOUR_S3_DEPLOY_BUCKET_NAME

이 명령어는 build/ 디렉토리를 S3 버킷과 동기화합니다. 확인을 위해 AWS 콘솔의 S3 섹션으로 이동해 방금 업로드한 파일이 버킷에 있는지 확인하세요.

이제 앱이 S3에서 라이브 상태가 됩니다! 할당된 URL로 이동하면(예: http://notes-app-client.s3-website-us-east-1.amazonaws.com) 앱이 라이브로 보일 것입니다.

다음으로 CloudFront를 설정해 앱을 전 세계에 서비스하도록 하겠습니다.