728x90

netlify배포 2

React CI/CD (feat. AWS, Gitlab)

React 애플리케이션을 GitLab을 사용한 CI/CD와 AWS를 통한 배포로 구성하는 방법을 단계별로 설명드리겠습니다. 이 구성에서는 GitLab CI/CD 파이프라인을 사용하여 React 애플리케이션을 AWS S3와 CloudFront에 자동으로 배포하는 인프라를 구축합니다.1. AWS S3와 CloudFront 설정Step 1: S3 버킷 생성S3 버킷 생성:AWS Management Console에서 S3로 이동한 후 새로운 버킷을 생성합니다.버킷 이름은 고유해야 하며, AWS가 지원하는 모든 리전에 걸쳐 사용됩니다.버킷을 정적 웹사이트 호스팅용으로 설정:S3 설정에서 '정적 웹사이트 호스팅'을 활성화하고, 인덱스 문서(index.html) 및 오류 문서(error.html)를 설정합니다.버킷 ..

react-i18next로 다국어 구현하기 9강: 프로젝트 빌드 및 배포

배포 및 마무리이번 섹션에서는 프로젝트를 빌드하고 배포하는 방법에 대해 설명하고, 추가적인 다국어 지원 사이트로 확장할 수 있는 방법을 논의합니다. 마지막으로 실습 결과를 공유하고 Q&A 시간을 가질 것입니다.1. 프로젝트 빌드 및 배포프로젝트를 사용자에게 제공하기 위해서는 빌드 후 배포 과정을 거쳐야 합니다. React 애플리케이션은 기본적으로 정적 사이트로 빌드할 수 있으며, 이를 다양한 웹 호스팅 플랫폼에 배포할 수 있습니다.빌드 단계:빌드 명령어 실행:npm run build 이 명령어는 최적화된 정적 파일들을 생성하여 build/ 폴더에 저장합니다.프로젝트의 최종 버전을 빌드하려면 터미널에서 다음 명령어를 실행하세요.배포 플랫폼 선택:Netlify: 무료로 사용 가능하며, GitHub 리포지토리..

728x90