파이프라인 아키텍처
AWS S3란 무엇입니까?
에스간단히 에스화를 내다 에스서비스: 데이터를 클라우드(버킷)에 저장하고 반환하는 기능을 제공하는 인터페이스.
** 웹 서비스는 S3의 정적 웹사이트 호스팅 기능을 사용하여 HTML, CSS 및 JS 파일을 저장하여 실행할 수 있습니다.
S3 속성 > 정적 웹사이트 호스팅 섹션에서 웹 서비스 URL 사용 가능
React + Next.js의 출력 빌드
더보기
React로 빌드할 때 빌드 폴더 생성 -> 모든 빌드 결과는 이 폴더에 빌드됩니다.
package.json의 react-scripts 빌드 명령은 Sunth React 앱을 빌드하고 index.js 항목 파일이 빌드됩니다.
하지만,
Next.js에는 index.js가 존재하지 않으며 다음 빌드 명령을 실행할 때 .다음 폴더 생성되고 결과가 적절한 폴더에 배치됩니다.
* 참조 : next.js 빌드 파일 만나보기
AWS CLI 설정
CD 워크플로에는 빌드된 React 앱을 S3 버킷에 업로드하는 작업이 포함됩니다(S3 배포).
=> S3에 액세스하려면 자격 증명이 필요합니다.
AWS IAM(Identity & Access Management)을 사용하여 워크플로를 위한 사용자 생성 및 사용