리액트로 만든 SPA를 AWS S3로 배포하기
1.React Build
- 리액트로 만든 클라이언트를 webpack을 이용한 정적인 파일로 만든다.
- 리액트는 다음 커맨드를 이용하여 만들 수 있다.
yarn build
2.Create Bucket
- AWS Management Console에서 s3 서비스로 접속한 뒤 버킷을 만든다.
- 만든 버킷의 속성에서 정적 웹사이트 호스팅 설정
3.Public Access
익스프레스로 만든 서버를 AWS EC2로 배포하기
- 익스프레스로 서버를 구축한다.
- 나중에 AWS RDS를 이용하여 데이터베이스로 이용할 예정이므로 관련 설정도 미리 해둔다.
- 구축한 서버를 직접 EC2에 배포하는 것이 힘들기 때문에 github을 이용해야 한다.
1.Start Instance
- ES2 인스턴스를 만든다. (민드는 방법은 구글에 많기 때문에 생략하겠다.)
2.Environment Settings
- 인스턴스를 연결하고 node.js와 npm을 설치한다.
- 설치 후 git clone을 통해 아까 github에 push해 놓은 익스프레스 서버를 클로닝 한다.
- 추가적으로 서버를 지속적으로 작동시키기 위해 PM2를 설치한다.
AWS RDS 인스턴스 만들기
- AWS console에서 RDS 인스턴스 세팅을 하고 생성한다.
- RDS 인스턴스 생성 후 데이터베이스에 접근 가능한지 확인한다.
- CLI에선 아래와 같은 명령어로 가능하다.(GUI 클라이언트를 이용하면 간단히 볼 수 있다는 장점이 있다.)
mysql.server start
mysql -u '유저명' --host '호스트명' -P '포트번호' -p