이전에는 백엔드 Spring 프로젝트만 EC2 로 배포해보았는데 이제는 본격적으로 풀 스택 개발자가 되려면 프론트도 구현해야 하고 프론트 서버를 직접 배포하는 방법도 알아야 될 필요가 있기 때문에 프론트 React 서버를 배포하는 방법을 정리해보도록 하겠습니다. !! 물론 프론트 서버를 배포하는 방법에는 이 방법 말고도 다양한 방법이 있습니다. 우선 AWS EC2 에 접속해서 인스턴스를 생성하기 위해 인스턴스 시작을 눌러줍니다. 인스턴스 이름, OS 이미지를 정해줍니다. 저는 ububtu 환경으로 지정해주었습니다. 인스턴스 유형은 우선 가장 작은 micro 유형을 선택해주었습니다. ubuntu 서버에 접속하기 위해서는 키 페어가 필요한데 없다면 오른쪽의 새로운 키 페어 생성을 눌러줍니다. 보안 그룹도 새..

당연히 React 와 같은 프론트엔드 프로젝트를 배포하는 방법에는 여러가지가 있습니다. 그 중에서 AWS Amplify 로 쉽고 간편하게 배포하는 방법을 정리해보겠습니다. Amplify 배포를 사용하면 좋은 점 EC2 서버로 배포하는 방법보다 간단하여 시간소요가 압도적으로 적다. 자동 배포가 가능하다. https까지 한번에 적용 가능하다. 배포 이전에 준비되야할 내용 Route53 도메인 존재 (도메인이 아직 없다면 https://jindevelopetravel0919.tistory.com/191 에 AWS DNS를 구매하는 방법을 정리해두었습니다.) 배포할 프로젝트의 git repository (git repository로 amplify와 연동하여 배포할 것이기 때문에 git repository가 필요..

HTTPS 는 암호화된 HTTP 프로토콜로서 안정화된 데이터 통신을 가능하게 합니다. 따라서 현재 계정을 사용하거나 민감한 정보들을 다루는 모든 웹 들은 전부 HTTPS 프로토콜을 사용하고 있다고 보면 될 것입니다. 기본적인 HTTP 프로토콜에 SSL 이라고 하는 인증서를 발급하여 암호화된 서버를 운영할 수 있도록 해줍니다. AWS 는 클라우드 서비스를 제공하는 가장 큰 기업이기 때문에 도메인을 발급받고 HTTPS 적용을 한 곳에서 할 수 있어 편리합니다. 로드밸런서는 간단히 말하자면 클라이언트의 요청으로 인한 서버의 과부하 혹은 트래픽을 분산시켜줌으로서 속도 면에서나 서버의 가용성, 부하적인 측면에서 도움을 줄 수 있는 기술입니다. AWS에서 HTTPS 를 적용하게 되면 이 로드밸런서는 거의 필수적으로..

EC2 환경에 배포한 서버에 도메인을 적용해야할 때 기존에는 가격면에서 부담이 없는 가비아를 이용하여 도메인을 적용하였습니다. 하지만, 매번 가비아 도메인을 이용할 때마다 이후에 HTTPS를 적용해야될 때 AWS 도메인 서비스를 사용하는 것이 아니기 때문에 인증서 발급을 다시 또 nginx 와 같은 프록시 서버를 이용하여 인증서를 발급받거나 해야했습니다. 이 과정에서 매번 인증서 발급이 정상적으로 진행될 때도 있지만 그만큼 원인모를 이슈로 인해 인증서 발급이 안되는 문제도 비일비재했습니다. 더군다나, nginx 를 이용해 인증서 발급을 수행하기 위해서는 보통 certbot을 통해 인증서를 발급받곤 하는데 이 cerbot이 매번 버전이 바뀔 때마다 설정값들을 새로 파악하고 바꿔줘야 하기 때문에 이런 부분에..

EC2 서버를 배포하면 기본적으로 ip주소로 입력하여 요청하거나 호출해야 합니다. 하지만 보통 일반적인 사이트들을 보면 ip주소로 접근하지 않고 도메인을 입력하여 접속합니다. 따라서 도메인을 적용시켜 봅시다. 적용시키기 전에, AWS 에서도 도메인 서비스를 지원해준다고 알고있지만 저는 가비아를 사용하기로 했습니다. 도메인 가격도 싸고, 설정도 쉬워서 가비아를 선택했습니다. 우선 가비아 사이트에 들어가서 가장 싼 가격대를 보이는 SHOP 에 들어가줍니다. SHOP이 가장 싼 이유는 실제로 가비아 서비스를 사용하고 있는 기업들이 사용하는 주소 중 가장 덜 사용되고 있어서 입니다. SHOP 으로 들어오면 자신이 생각해두었던 도메인 명을 입력해줍니다. 원하는 도메인 명으로 사용가능한 도메인들이 나오게 되는데 가..

아마존 S3는 클라우드 형식으로 이미지나 동영상같은 미디어 자원들을 저장하고 관리할 수 있는 도구이다. 어플리케이션을 개발할 때 이미지를 업로드 하거나 다운받을 수 있도록 쉽게 관리할 수 있다. Spring Boot 와 연동하는 방법을 알아보자. (1) 아마존 계정 로그인 https://aws.amazon.com/ko/console/ AWS Management Console AWS Support 플랜은 AWS로 성공하는 데 도움이 되는 다양한 도구, 프로그램 및 전문 지식에 대한 액세스의 조합을 제공합니다. aws.amazon.com 아마존 사이트에 들어가서 로그인한다. 계정이 없다면 회원가입은 필수이다. (2) S3 버킷 생성 S3 항목에 진입한다. 버킷 이름 : 사용할 버킷의 이름을 지정한다. AWS..