스타트업이나 개인 프로젝트를 하다 보면 제작한 웹 페이지를 24시간 돌아가는 서버를 통해 모두에게 서비스를 공유할 수 있어야 합니다. 이 글에서는 개인 프로젝트로 원페이지 쇼핑몰 웹 페이지를 만들면서, 만든 파일을 AWS(Amazon Web Service)를 이용해 24시간 돌아가는 클라우드 가상 서버에 연결한 방법을 정리해본 글입니다.
AWS를 통해 가상 서버를 만들고, 이 가상 서버에서 제가 만든 프로젝트를 실행시키기 위해 다음과 같은 과정을 진행했습니다.
1. AWS 인스턴스 생성(가성 서버 생성과 같은 의미입니다.)
2. 깃 배시(Git bash)를 통해 내 노트북에서 가상 서버 컴퓨터로 접속
3. 파일 질라(File Zilla)로 가상 서버 컴퓨터에 내 프로젝트 파일 복사
4. 가상 컴퓨터에 있는 프로젝트 원격 실행 및 원격 종료
이 글에서는 1번, 2번 과정을 설명하겠습니다. 3번, 4번 과정을 정리한 글은 맨 아래 부분에 링크를 남겼습니다.
1. AWS 인스턴스 생성
우선, AWS 인스턴스란 일종의 가상 컴퓨터라고 생각하면 이해하기 좋습니다. 서버를 연결하고, 누구든지 언제든지 이 페이지에 접근할 수 있도록 하려면, 이 서버 프로그램을 24시간 동안 켜진 채로 진행시킬 컴퓨터가 있어야 합니다. 그리고 그 컴퓨터 역할을 제 노트북이나 개인 컴퓨터가 하기에는 제한 사항이 있기 때문에 AWS에서 인스턴스라는 이름의 가상 컴퓨터를 구매하고 원격으로 이용하는 것입니다. AWS 인스턴스를 생성하는 방법은 아래와 같습니다.
1) AWS에 로그인하고, AWS 검색창에 'ec2'라고 치면 나오는 아래 목록 중 [EC2]를 클릭합니다.
2) [EC2]를 선택하면 나오는 아래 화면에서 [인스턴스]를 클릭합니다.
3) 인스턴스 목록이 나오는 화면에서 오른쪽 위에 위치한 [인스턴스 시작]을 클릭합니다.(기존에 인스턴스를 생성한 적이 없으면 인스턴스 목록에 아무것도 없습니다.)
4) 특이사항이 없다면 인스턴스를 생성하는 화면이 아래 사진 순서대로 단계별로 나오며, 1단계, 2단계, 7단계를 거칩니다. 각 단계에서 빨간색 네모박스에 해당하는 요소와 같은 것을 잘 선택하고, 마지막엔 화살표대로 클릭해야 합니다.
5) 각 단계(1, 2, 7)를 진행하고 [시작하기]를 누르면 키페어(Keypair)를 선택 또는 생성하는 화면이 나옵니다. 기존 키페어 파일이 있고, 해당 키페어를 사용할 계획이라면 키페어 목록에서 선택하시고, 대부분의 경우 저처럼 새로 생성할 계획이라면 [새 키페어 생성] 선택, 키페어 이름(영어)을 입력합니다. 이후 먼저 [키페어 다운로드]를 클릭해서 키페어 파일을 다운로드한 후, [인스턴스 시작]을 클릭합니다. [인스턴스 시작]을 클릭하면 인스턴스 목록에서 인스턴스가 생성된 것을 확인할 수 있습니다.
여기서 키페어 파일은 가상 서버에 관리자로 접근하는 일종의 비밀번호 파일이며, 이 파일은 잃어버리지 않도록 백업 해두길 추천합니다. 또한, 해당 파일이 저장되는 위치는 파일 위치 주소에 한글이나 괄호, 백 틱(`), 따옴표(') 등이 포함되지 않는 위치로 저장해야 이후 깃 배시에서 오류가 안 날 것입니다.
2. 깃 배시(Git bash)를 통해 내 노트북에서 가상 서버 컴퓨터로 접속
깃 배시라는 쉘(Shell)에 명령어 입력을 통해 가상 서버 컴퓨터에 접속할 수 있습니다. 우선 깃 배시가 깔려있지 않다면 <참고>의 링크를 통해 자신의 컴퓨터에 맞는 버전의 깃을 설치해야 합니다. 설치된 상태라면 아래 과정을 통해 가상 서버 컴퓨터에 접속합니다.
1) 우선 인스턴스 목록에서 자신이 사용할 인스턴스를 선택하면 세부 정보에 화면과 같이 여러 정보가 보입니다. 이 중 '퍼블릭 IPv4 주소'에 해당하는 숫자 주소를 드래그하고, 복사(ctrl + c)를 해둡니다.
2) 깃 배시를 실행시켜서 쉘 창을 띄운 후, 화면처럼 아래 명령어를 입력한 후, 엔터키를 누릅니다.
$ ssh -i 키페어_파일_위치_주소 ubuntu@복사한_IPv4주소
키페어 파일 위치 주소는 키페어 파일을 쉘 창으로 드래그해도 복사가 됩니다. 단, 경우에 따라 기본적으로 작성되는 디렉터리 구분 글자인 백 슬래시(\, \)가 아래 화면처럼 오류를 발생시키기도 합니다. 또, 파일 위치 주소에 한글이나 특정 특수문자(`, ', (, ))가 포함되어 있을 경우에도 오류가 발생할 수 있습니다. 저의 경우에도 그랬는데, 저는 키페어 파일 위치 주소의 시작과 디렉터리 사이에 슬래시(/)를 입력해보니 해결됐습니다.
3) 위 명령어를 입력하고 엔터를 치면, 중간중간에 질문을 하는데 yes라고 입력하고 엔터를 치며 넘어가면 됩니다. 그렇게 진행하고, 아래처럼 'ubuntu@ip'로 시작하는 입력 대기줄이 나오면 가상 컴퓨터 접속이 완료된 것입니다.
<참고>
1. 깃 배시(Git bash)를 포함한 깃 설치: https://git-scm.com/
2. 'AWS 가상서버 이용하기' 3번, 4번 과정: https://as-j.tistory.com/45
'지극히 개인적인 공부 노트 > 웹(Web)' 카테고리의 다른 글
[Web] 수정한 CSS 파일이 HTML에 적용되지 않을 때 (0) | 2021.07.23 |
---|---|
[Web] AWS 가상 서버 이용하기(2) - 가상 컴퓨터에서 서버 파일 실행하기 (0) | 2021.07.02 |
[Web] API 설계 시 데이터 타입 POST, GET 사용법(feat. CRUD, Flask) (0) | 2021.06.29 |
[Web] jQuery(제이쿼리) 임포트 하는 법과 Ajax(에이잭스) 사용하기 (0) | 2021.06.23 |
[Web] 웹 개발의 0단계: HTML, CSS, JS(Javascript) 간단 요약 + 유용한 CSS 사이트 (0) | 2021.06.22 |