As i wish

React + Next + Express + Node js -> aws ec2 를 이용한 배포 - 2 본문

React JS

React + Next + Express + Node js -> aws ec2 를 이용한 배포 - 2

어면태 2019. 12. 20. 11:49

전에 포스팅에서는 기존에 next.js 에서 커스텀한 웹서버를 구성 (express js) 하여 로컬환경에서 새롭게 돌려보는 방법에 대하여 포스팅 했었습니다.

이번에는 실제 aws 에 들어가 ec2를 하나 생성하고 그 코드를 올려보는 방식을 포스팅해보겠습니다.

React + Next + Express + Node js -> aws ec2 를 이용한 배포 - 1

 

React + Next + Express + Node js -> aws ec2 를 이용한 배포 - 1

안녕하세요. 오늘은 Next.js 를 사용하고 Express.js 를 이용하여 커스텀하게 웹 서버를 만든 뒤 이를 aws 에 배포하는 과정을 포스팅해보겠습니다. 정확히 말하면 저의 삽질기 입니다... 일단 next를 사용해서 프..

eomtttttt-develop.tistory.com

일단 먼저 aws 에 들어가서 회원가입을 하고 콘솔로 이동합니다. 이것은 상당히 쉽기 때문에 여기서는 생략하고 다른 블로그 포스팅을 이용해보세요

1. 콘솔로 이동하고 옆에 사이드바 메뉴에서 인스턴스-> 인스턴스를 클릭하면 다음과 같은 모습이 보여집니다. 저는 이미 인스턴스가 하나 있기 때문에 조금 다를 수도 있어요

 

2. 그 다음 위에 파란버튼인 '인스턴스 시작' 을 눌러줍니다.

저는 맨 위에  'Amazon Linux 2 Ami (HVM), SSD Volume Type' 을 선택하였습니다.

3. 그러면 유형 선택이 나오는데 '프리티어' 인 t2.micro 를 선택합니다.

 

4. 그 다음 버튼을 눌러서 위 상단 메뉴에 스토리지 추가에서 크기를 설정해줍니다.

 

데이터 베이스 서버가 아니면 굳이 크기를 크게 안잡아도 무관할것 같네요.

5. 다음을 눌러서 태그 추가를 하시고 (안해도 됩니다.)

 

6. 다음을 눌러서 보안그룹 구성에서 HTTP: 80, HTTPS: 433 을 추가해줍니다.

7. 검토 및 시작을 누른 뒤 시작하기 버튼을 누르면 끝입니다!

 

8. 마지막으로 그럼 다음과 같은 키 페어 생성이 나오는데 기존 키페어가 있다면 기존을 선택하고 없다면 새 키페어를 생성해서 다운받아놓으면 됩니다. 이름은 마음대로 하셔도 돼요. 단! 잊어버리면 다시는 우리가 만든 서버에 접속 할 수 없게 됩니다. 그와 마찬가지로 유출 되면 안되겠죠?

 

9. 콘솔에 인스턴스 -> 인스턴스 에 들어가면 이렇게 새로운 인스턴스가 생성된 것을 보실 수 있습니다.

 

10. 알아 볼 수 있도록 이름을 생성해줍니다.

 

일단 이번 포스팅은 여기서 마무리 지어야겠네요. 너무 길어져서... ec2  생성하기 까지라고 보시면 됩니다 ㅎㅎ

다음에 접속방법과 배포까지 써보도록 하겠습니다

 

Comments