AWS8 [AWS] 프론트엔드 배포 실습 1. aws 콘솔홈에서 S3에 들어간다. 2.버킷에서 자신의 github id를 검색한다. 3. vs code들어가서 배포할 파일에 .env 파일을 생성한다. REACT_APP_API_URL=dlkjfdlkjflkdjlfjd REACT_APP_API_URL=http://ec2-3-39-232-68.ap-northeast-2.compute.amazonaws.com (.com뒤에 /안들어가게 주의하자!!!!) EC2 서버의 주소를 넣는다. 터미널에서 npm install, npm run build 를 실행한다. 그럼 build파일이 생성될것이다. 4.build의 파일을 업로드한다. build 폴더 자체를 넣지 않도록 주의합니다. build속의 파일들과 static은 폴더로 추가하.. 2023. 4. 2. [AWS] 백엔드 배포 실습 1.로그인한다. 현재 리전을 서울로 설정한다. 1. EC2가 미리 생성되어있을것이다.(설정방법 따로 잇는듯......) 2.EC2 대시보드로 이동하자 리소스-인스턴스(실행중) 들어가서 자신의 githubid를 검색한다 i-ㅇ리ㅏ이ㅓ링널 써잇는 부분 들어가서 연결누르자. 거기서 Session Manager들어가서 연결누르자 그럼 웹브라우저 환경에서 터미널이 실행될것이다. $ bash $ cd ~ 이렇게 실행하자 1. 인스턴스에 개발 환경 구축하기 $ sudo apt update #nvm 설치해야한다. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash wget -qO- https://raw.githubusercont.. 2023. 4. 2. [AWS] Deploy # 배포 - 개발한 서비스를 사용자들이 이용 가능하게 하는 일련의 과정. -기본적으로 4단계를 거쳐서 개발한 서비스를 배포하게 됩니다. #Development 단계 -각자의 컴퓨터에서 코드를 작성하고 테스트하는 과정 -개발 단계이기 때문에 실제 데이터를 이용하지 않고 더미 데이터를 이용해서 테스트합니다. #Integration 단계 - 각자의 컴퓨터에서 작성한 코드를 합치는 과정 -내가 작성한 코드가 다른 코드를 침범해서 오류를 일으키지 않는지, 코드 간에 conflict가 있지는 않은지 확인하는 과정을 거칩니다. #Staging 단계 -실제 출시 단계인 Production 단계와 가장 유사한 환경에서 테스트를 진행합니다. -실제 데이터를 복사해서 문제가 있지 않은지 등 다양한 환경에서 테스트를 진행합니.. 2023. 4. 2. [AWS] 배포 전략 # 배포: 개발한 서비스를 사용자가 이용할 수 있도록 하는 것 AWS에서 제공하는 서비스인 S3라는 서비스를 통해 사용자들에게 Client를 제공할 수 있습니다. 클라이언트 앱을 정적 파일로 빌드하여 제공합니다. 따라서 S3를 이용해서 클라이언트를 배포합니다. 이때 필요한 것이 빌드입니다. #빌드 -불필요한 데이터를 없애고, 여러 갈래로 퍼져있는 데이터들을 통합/ 압축하여 배포하기에 최적화된 상태를 만드는 것. -빌드 과정을 진행하기 전과 비교했을 때 데이터의 용량이 줄어들고, 웹 사이트의 로딩 속도가 빨라진다는 장점이 생깁니다. -일반적인 의미의 빌드는, 소스코드를 실행 가능한 번들로 변환하는 컴파일 과정을 의미합니다. 웹 앱에서와같이 HTML, CSS, JS의 형태로 배포하는 경우는 조금 다릅니다. .. 2023. 4. 2. 이전 1 2 다음
