As i wish
React + Next + Express + Node js -> aws ec2 를 이용한 배포 - 2 본문
전에 포스팅에서는 기존에 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 생성하기 까지라고 보시면 됩니다 ㅎㅎ
다음에 접속방법과 배포까지 써보도록 하겠습니다
'React JS' 카테고리의 다른 글
Styled-component 에 props 로 style 적용 (0) | 2020.01.01 |
---|---|
React + Next + Express + Node js -> aws ec2 를 이용한 배포 - 3 (1) | 2019.12.20 |
React + Next + Express + Node js -> aws ec2 를 이용한 배포 - 1 (0) | 2019.12.20 |
[React] children 컴포넌트에 props 전달하기 (0) | 2019.12.10 |
[React] Redux-saga 적용하기 (0) | 2019.12.06 |