Vue.jsAWS 허브발행일 2023. 1. 5.원본 https://blog.naver.com/jword_/222976205451 ↗

[AI스쿨] AWS Ec2에 Nginx 설치하기

[AI스쿨] AWS Ec2에 Nginx 설치하기 — #AI스쿨 #awsec2nginx AI스쿨 msa기반 java 백엔드 코스 중에 공부한 내용을 작성하였습니다 학습법 이...

#Vue js#Naver Blog

#AI스쿨 #awsec2nginx

​

AI스쿨 msa기반 java 백엔드 코스 중에 공부한 내용을 작성하였습니다

학습법 이론

학습을 하기 이전, 명심해야할 학습법이 있다.

​

1.이해가지 않는다고 뒤돌아가 다시 보지 말 것

2.외우지 말라

=> 자주 봐서 외워짐을 당하라

=> 크롬을 통해 copy and paste하라

  1. 이해하는게 중요하다

=> 왜 생겨났는지?

=> 왜 사용하는지?

===> 응용이 가능해진다.

4.새로운 지식을 넣을땐 뇌를 비우자

가상머신의 개념

가상머신이란?

이전글에서 우리가 가입한 AWS Ec2는 가상머신입니다. 이 가상머신은 하드웨어를 소프트웨어 적으로 구현해서 소프트웨어로 운영체제가 작동하도록 하는 기술입니다.

​

즉 컴퓨터=하드웨어인데 이걸 소프트웨어로 동작할 수 있도록 구현한 기술인셈이죠. (명령프롬프트 같은거)

​

사용하는 목적은 운영체제가 다를경우 여러 운영체제를 돌릴 수 있고, 하나의 머신에서 여러개의 운영체제를 돌릴 수 있게도 해줍니다.

이미지

즉, 이전글에서 본 인스턴스연결을 했을때 나오는 이 화면이 서버컴퓨터인셈이되는거죠.GUI와 CLI의 개념을 알고계신다면 크게 받아들이는데 문제가 없으리라 생각됩니다. 저는 처음에 이개념을 수많은 삽질끝에 깨닫게 되었습니다...

​

호스팅의 목적역시 로컬에서 구현된 나의 코드를 온라인상에 배포하기 위해서입니다. 개인이 서버를 운영하기에는 굉장히 어려운 일이니, AWS에서 제공하는 Ec2, 가상머신을 빌려(서버컴퓨터를 빌려) 내가 만든 코드를 옮긴 후 서버처럼 사용하는 것이죠.

​

AWS EC2에 Nginx 설치하기

이미지

나의 컴퓨터를 서버로

서버 = 컴퓨터입니다. 하지만 그게 전부는 아니에요. 바로 소프트웨어도 서버로 사용될 수 있기 떄문이죠. Nginx처럼 말이죠! (nginx개념) 위 링크로 들어가시면 Nginx의 개념에 대해 알 수 있습니다, 최대한 쉽게 설명하려고 했지만, 그래도 이해하기 어려운 부분이 있는것 같아요. 이번글에서 더 쉽게 설명을 해보겠습니다 .

​

Nginx는 나의 컴퓨터를 서버로 만들어주는 소프트웨어입니다. Nginx의 기본경로에 내가 제공하고자하는 html파일을 등록하면 화면에 보이도록 설계할 수 있습니다.

​

우분투 Nginx설치

제가 가입한 EC2서비스는 AMI가 우분투입니다. 즉 운영체제가 리눅스 배포판인 우분투라는 거에요. 그러므로 관련글을 검색하실때는 AWS EC2 Nginx 설치 보다는 Ubuntu Nginx 설치로 검색하시는게 훨씬 더 빨리 원하는 결과물을 얻으실거에요.

​

이미지

우선 다시 위화면으로 오셔서 다음과 같은 코드를 입력해주세요.

sudo apt update sudo apt install nginx

리눅스 관련 명령어는 나중에 따로 정리해보도록 하겠습니다. 여기서 사용하는 apt는 node js의 npm과 동일한 개념입니다.(npm이란?)

nginx -v

설치 완료되었으면 nginx 버전을 확인해보실 수 있습니다. nginx version: nginx/1.18.0과 같은 메세지가 입력되면 정상적으로 설치가 된것입니다.

sudo service nginx start sudo service nginx stopsudo service nginx restart

서버에 저장된 nginx를 실행,중지,재실행 하는 명령어입니다. 영어 단어만봐도 대충 무슨뜻인지 알겠죠?

AWS EC2서버 보안포트열기

퍼블릭 IP주소로 서버에서 작동되는 NginX를 확인하기전에 보안포트부터 열어야합니다.

이미지

이미지

좌측에서 보안그룹-보안그룹 생성을 눌러주세요. 인바운드 규칙에서 포트범위를 80으로 지정 후 Anywhere ipv4를 추가해주시면됩니다.

AWS EC2서버로 접속해보기

이미지

인스턴스를 열기전 퍼블릭 IP를 확인하실 수 있습니다. 저의 경우 43.201.63.115입니다. 해당주소를 웹페이지에 입력해보겠습니다. 참고로 아직 ssl인증을 하지않았기에 https가아닌 http로 입력해야합니다. 들어와서 확인해보세요! http://43.201.63.115

이미지

welcome to nginX! 화면이 나오면 완료입니다!

이미지

저는 nginX에 vue js코드를 입력해두었기 때문에 vue js 화면이 보이는것을 볼 수 있습니다. vue js업로드 방법은 다음글에 작성해보겠습니다.