[AWS 실습] Express 서버를 EC2에 배포하기

Express 서버를 EC2에 배포하기

---

1. EC2 인스턴스에 연결해서 원격 접속한다. 

 

2. Express 서버를 구동시키기 위해 먼저 node.js 를 설치한다. 

아래 명령어를 입력해보자 .

$ sudo su
$ apt-get update && /
apt-get install -y ca-certificates curl gnupg && /
mkdir -p /etc/apt/keyrings && /
curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | sudo gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg && /
NODE_MAJOR=20 && /
echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_MAJOR.x nodistro main" | sudo tee /etc/apt/sources.list.d/nodesource.list && /
apt-get update && /
apt-get install nodejs -y

 

3. 설치 확인

 

4. git hub 에 있는 express 프로젝트를 clone한다.

$ git clone https://github.com/JSCODE-EDU/ec2-express-sample
$ cd ec2-express-sample
$ npm i

 

5. pm2 설치

sudo npm i -g pm2

 

6. 서버 실행

sudo pm2 start app.js

 

7. ip 주소를 입력해서 접속이 되는지 확인해보자.  

 

 

 

* 인프런 '비전공자도 이해할 수 있는 AWS 입문/실전'을 참고하여 작성하였습니다. 

 

 

Vite 레거시 플러그인을 활용한 구버전 브라우저 지원

---

구버전 브라우저 문법 에러 해결하기

---

최근에 장바구니를 Webpack(Create React App)기반에서 ESBuild + Rollup(Vite)으로 개편하면서 적지 않은 이슈가 있었습니다. 가장 치명적인 이슈는 사용자가 화면에 진입했을 때 흰 화면이 표시되는 이슈였습니다.

 

// vite.config.js
import legacy from '@vitejs/plugin-legacy'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    legacy({
      targets: ['chrome >= 64', 'safari >= 12'],
      modernPolyfills: ['es.object.from-entries'],
    })
  ]
})