일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- graphQL
- 파이썬
- 주짓떼라
- JavaScript
- 주짓수
- 프로그래밍
- 리액트
- REACT
- 영화리뷰
- development
- git
- 자바스크립트
- 개발
- nodejs
- 하프가드
- 솔로드릴
- 개발자
- web
- 웹개발
- 디자인패턴
- Node
- 드릴
- 클로즈가드
- 영화
- 주짓떼로
- 노드
- 영화감상
- Redux
- Express
- 엄티로드
- Today
- Total
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
일단 먼저 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 |