inflearn logo
강의

講義

知識共有

React + API Server プロジェクト開発とデプロイ (CI/CD)

AWS EC2와 로컬 PC에서의 차이가 이해가 안되고 nginx의 필요성이 궁금합니다.

解決済みの質問

185

eldeach

投稿した質問数 5

0

Q1. EC2와 로컬 PC의 차이

강의를 따라하며 nginx를 셋팅하고 AWS에서 pm2로 실행시켰을 땐,

AWS EC2 머신의 주소만으로 포트 없이도 타고들어가면 바로 웹브라우저에서 react SPA가 실행되었습니다. (강의대로 잘 따라감, 비용 때문에 https, 도메인등록 강의 시청만하고 따라하진 않았습니다..)

 

이해가 안되는 점은 동일한 프로젝트인데 로컬 PC에서 react를 build하고 동일하게 backend/public 폴더 아래 복사하였는데 localhost:4000으로 접속하면 Express, Welcome to Express 페이지가 뜹니다.

 

물론 로컬 PC에서는 niginx를 셋팅하지 않았다라는 점이 다른점이긴한데 nginx를 설정할 때 이해되기로 접속시 EC2 머신의 localhost:4000으로 연결하는 것 뿐이고

EC2 머신 & 로컬 PC 모두 backend express.js 프로젝트 상에서 "/*"으로의 라우팅을 raact build 내 index.html로 연결하는 코드는 동일하게 없다라는 점에서

왜 EC2만 react SPA가 실행되는건지 모르겠습니다.

 

Q2. nginx의 필요성

pm2로 실행한다고 하면 이미 프로세스를 충분히 관리한다고 생각이 드는데.. nginx의 필요성 궁금합니다.

ci/cd spa

回答 1

0

kenuheo

http://localhost:4000/ 에서 보려면, 다음과 같이 해야됩니다.

  1. .env.local

    파일 frontend에 생성 내용은 VITE_API_SERVER=

  2. frontend 빌드

  3. frontend의 dist 폴더 내용을 backend의 public 으로 복사

  4. backend만 실행 후 http://localhost:4000 접속

스크린샷 2024-12-07 오후 4.29.54.png.webp

 

스크린샷 2024-12-07 오후 4.34.11.png.webp

 

nginx의 역할은 https를 위한 웹서버 역할로 추천한 것입니다.

.com, .net 도메인은 1년에 $10 달러 정도이기 때문에, 학습을 위해 투자하시는 것도 추천합니다. AWS Route 53에서 등록하면 편합니다.

 

질문 감사합니다. 잘 풀리시면 좋겠습니다.

 

 

1

eldeach

선생님 감사합니다.
복사 대상을 잘 못 이해하고 있었습니다.
도메인 https 강좌도 실제로 결재하여 다시 진행해보도록하겠습니다.
답변 감사드립니다.

Docker + Spring Boot CI/CD 방법

0

3

1

(강의 6분 50초 부분) Workspace 안에 index.html이 비어있음

0

35

2

강의순서가 바뀌어 있습니다.

0

36

1

build.zip 퍄일이 없습니다.

0

41

1

무중단 배포

0

58

2

workflows/deploy.yml 궁금증

0

53

2

33강 도커 빌드 강의의 docker file

0

35

1

.git-credentials 파일이 없이 배포가 성공한 이유가 궁금

0

57

1

(해결 - 정보공유) /home/runner/work/_temp/6be6e~0.sh: line 1: ./gradlew: Permission denied 오류

1

63

2

2강에서 express npm run dev하다가 오류빨간글씨 나오는 분들 참고하세요

0

119

3

nginx 에러 질문

0

254

2

https 인증서 설정과정 설치 문제 질문

0

176

2

curl localhost 에서 404 not found

0

778

2

https 인증서 발급 에러

0

538

3

vite 사용 안하고 CRA 프론트 백 분리시켜서 하고있는데 질문있습니다.

0

457

2

https 인증서 받을 때 Type: unauthorized

0

493

1

로컬과 프로덕션 환경에서 동작이 좀 다르네요

0

433

1

왜 서버의 루트 디렉토리에 node관련 파일을 설치하는 게 아니라 local디렉토리를 만들어서 설치하는지 알 수 있을까요?

0

378

1

삽질 내용 공유드려요.. (혹시 도메인 접속 안되는 분들)

0

446

1

무한 build

0

369

1

CI/CD를 제가 잘 이해한게 맞는지와 merge관련해서 질문이 있습니다!

0

431

1

빌드 오류

1

515

2

강의자료 (Source Code ) 는 어디서 다운 로드 받나요?

1

755

2

`GLIBC_2.28' not found 오류

2

3148

3