AWS

AWS란? 💯

AWS : 아마존닷컴에서 개발한 클라우드 컴퓨팅 플랫폼 - 비즈니스와 개발자가 웹 서비스를 사용하여 확장 가능하고 정교한 애플리케이션 구축하도록 지원하여 준다.

EC2

• Elastic Compute Cloud
• AWS 상에서 사용하는 Server로, EC2 서버에 API를 배포하게 됨.
• EC2는 다양한 사양 옵션을 제공함. t2.nano (CPU 1, 0.5 GB memory) 부터 x1.32xlarge (CPU 128, RAM 1952 GB) 까지 다양하게 제공함으로 필요한 사양의 EC2 인스턴스(instnace)를 선택해서 사용할 수 있음.

Security Group

• EC2 인스턴스에 대한 네트워크 트래픽을 제어하는 가상 방화벽 역할.
• 즉 security group 설정을 해줘야 EC2 인스턴스에 HTTP와 SSH 접속이 가능.

RDS

• Relational Database Service
• AWS의 database 서비스.
• RDS를 사용하면 사용자가 직접 서버를 생성해서 데이터 베이스를 설치하고 설정하고 관리 하지 않음.
• 사용자가 직접 데이터 베이스를 설치하고 운영하는 것보다 RDS를 사용하는것이 더 저렴함.

Load Balancer

• 로드발란서는 HTTP 요청들을 여러 서버에 분산할때 사용됩니다.
• HTTP 요청이 많을때는 서버 하나만으로 모두 처리 하기 힘들기 때문에 서버 수를 늘리는것이 일반적. 여러 서버를 실행하고 로드발런서가 HTTP 요청들을 서버들에 분산 해주는 형태로 시스템이 구성됨.

Route 53

• AWS의 DNS 서비스.
• API 시스템을 실제 도메인과 연결.

AWS S3

• AWS S3(Simple Storage Service)는 이름 그대로 파일을 쉽게 저장할 수 있는 공간을 제공하는 서비스입니다.
• 파일을 저장 할 수 있을 뿐만이 아니라, 업로드된 파일마다 고유 주소를 부여해주기 때문에 S3에 저장한 파일을 웹상에서 쉽게 읽어들일수 있습니다.
• 주로 사이트상의 이미지들을 저장하고 사이트에서 읽어들여 렌더링 해주는데 사용합니다.

클라우드 컴퓨팅 - 인터넷을통해 IT 리소스와 애플리케이션을 온디맨드로 제공하는서비스

• 기존의 물리적인 형태의 실물 컴퓨팅 리소스를 네트워크 기반 서비스 형태로 제공하는 것.

• 사용자로 하여금 네트워크 상에서 클라우드 서비스의 자원을 사용하는 것을 의미한다.

• 다음과 같이 3가지 분류로 나누기도 한다.

▶ IaaS(Infrastructure as a Service)

• AWS, 네이버플랫폼 과 같은 인프라스트럭쳐를 제공하는 서비스.

• 가상 서버 또는 스토리지, 가상 네트워크 등의 리소스를 서비스 형태로 제공한다.

• 사용자는 물리적인 하드웨어를 직접 관리할 필요가 없으며, 직접적으로 서비스 이용을 통해 컴퓨터 리소스를 사용 할 수 있다. (AWS, 마이크로소프트(MS) 애저, IBM 소프트레이어 등의 업체들이 있다.)

• 클라우드 IT의 기본 구성 요소 (네트워킹, 컴퓨터, 데이터 스토리지 공간)

▶ PaaS(Platform as a Service)

• DB 또는 Application 서버 등의 이미 미들웨어를 제공한다.

• 하드웨어/OS/미들웨어 에 대한 관리는 서비스 제공자가 하며, 사용자는 제공된 미들웨어만 사용 할 수 있다.

• 주로 개발 환경과 관련한 서비스를 제공한다.(OS, DB, WAS, JDK)

• 기본 인프라 (ex. 하드웨어와 운영 체제)를 관리할 필요 없이 애플리케이션을 실행할 수 있게 해준다.

▶ SaaS(Software as a Service)

• 소프트웨어 또는 애플리케이션의 기능만 제공합니다. 네이버클라우드, 웹 메일, ERP 등과 같은 형태의 서비스를 사용자에게 제공한다.

AWS 클라우드 컴퓨팅의 장점

• 저렴한 비용

AWS는 사전 확약금이나 장기 약정 없이 저렴한 종량 과금제 방식으로 운영된다.

확장형 글로벌 인프라를 구축 및 관리하고, 더 저렴한 요금의 형태로 사용자에게 비용 절감 혜택을 고스란히 돌려준다.

자본비용을 가변비용으로 대체하여 시간대별로도 자원을 끌수있음.

• 속도 및 민첩성 개선

데이터센터운영 및 유지관리에 비용투자 불필요

몇분만에 전세게에 배포

AWS는 언어 및 운영 체제에 구애받지 않는 플랫폼이다. 따라서 사용자의 비즈니스에 가장 적합한 개발 플랫폼 또는 프로그래밍 모델을 선택할 수 있다. 사용할 서비스를 한 개 또는 여러 개 선택하고, 그 사용 방식도 선택할 수 있다.

• 민첩성, 즉각적 융통성

몇 주 또는 몇 개월 동안 물리적인 서버를 구축하길 기다리는 대신 즉시 새로운 앱을 배포하고, 수요를 기준으로 축소할 수도 있다. 필요한 가상 서버가 한 대든 아니면 수천 대든, 가상 서버가 필요한 시간이 몇 시간이든 사용한 양만큼 비용이 청구된다. 즉 한 줄로 요약하면 설치가 빠르고 관리가 편하다는 것이다.

직접 배포해보기

front package.json

"distribute": "npm i && npm run build && pm2 serve build 3000 --name <project-front> --spa"

1. npm i ➡️ gitignore에 nodemodule이 들어가있으니 클론받을시에 nodemodule이 없다. 즉 install 받아줘야함

2. npm run build ➡️ 프로그램을 build 시킴

3. pm2 serve build 3000 –name --spa ➡️ pm2 프로그램의 serve 명령어를 통해서 build 폴더를 serving시킴

back package.json

"distribute": "npm i && npx prisma generate && pm2 start server.js --name <project-back> -i max"  // 기본

--바벨사용시--
"start": "babel-node server.js",
"distribute": "npm i && prisma generate && pm2 start --name <project-back> -i max npm -- run start"

1. pm2 start ➡️ js파일실행 - 기존 node 명령어는 전역 에러가 날 시 재 시작이 되지 않지만 pm2 start를 이용하면 재시작됨

---

AWS에서 EC2, RDS를 셋팅 후

인스턴스를 생성하여 key.pem을 다운받자.

key.pem이 있는 폴더위치에서 ssh -i key.pem ec2-user@<확인한 public ip> 실행

sudo yum install git
git clone <repo_front>
git clone <repo_back>

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

nvm install --lts
nvm use --lts

이제부터 npm을 사용할 수 있다.

front .env

REACT_APP_BASE_URL='http://13.125.235.62:8000'
GENERATE_SOURCEMAP=false

• GENERATE_SOURCEMAP ➡️ create-react-app으로 React 프로젝트를 빌드하여 배포하는 경우, 기본적으로 webpack에 의해 번들링 된 파일과 해당 파일에 대응되는 sourcemap이 생성됨 sourcemap은 간단히 말하면, 디버깅을 위한 파일이다. 해당 파일이 있다면 압축되고 난독화된 파일을 브라우저 내에서 다시 원본 소스처럼 확인할 수 있음. 하지만, 실제 배포 시 sourcemap은 제거되어야 함. 내부 코드가 그대로 노출되므로, 난독화의 이점을 모두 상실. 노출되지 않아야 하는 프로젝트일수록 더욱 치명적일 수 있음. 빌드 시 메모리 부족(OOM) 이슈가 발생할 수 있음

back .env

DATABASE_URL="mysql://junHyeok:dlwnsgur1@project-wetown.ccrudlxgt09s.ap-northeast-2.rds.amazonaws.com:3306/wetown"
JWT_SECRET="1234"

back, front 모두 환경변수파일 생성(gitignore 되어있기때문)

그리고 각자의 클론 폴더에서 npm run distribute 명령어를 실행시켜 배포함

끝

내가 직접 배포한 사이트

WETOWN