마이크로 프론트엔드 - SSI (Server Side Includes)를 이용한 프레그먼트 통합

시나리오1. Team Home이 운영하는 정적 파일을 제공하는 웹 서버 (localhost:3001) - pages: /index.html2. Team Jobs이 운영하는 정적 파일을 제공하는 웹 서버 (localhost:3002) - fragments: /jobs/fragment/recommendation/index.html3. Nginx Reverse Proxy Server (localhost:3000) - Nginx를 Docker로 실행 루트 프로젝트 초기 세팅다음 명령어를 순차적으로 실행해서 프로젝트를 구축한다.pnpm initcorepack use pnpm@8.10.0pnpm add turbo -D `pnpm-workspace.yaml`을 통해 워크스페이스 설정을 추가한다.pac..

• format_list_bulleted 프론트엔드 개발
• · 2025. 4. 26.
• textsms

Nginx / AWS EC2를 활용하여 React와 Node 서버 배포해보기 2탄

이제는 도메인 주소를 구입하고, 이 도메인 주소를 EC2 인스턴스와 연결을 시켜보도록 해보자 1. 도메인 주소 구입하기Route 53 서비스로 이동해서 좌측의 "등록된 도메인"을 눌러서 이동해보면 아래와 같은 화면이 뜬다. 여기서 도메인 등록 버튼을 눌러서 원하는 도메인을 만들자 (돈은 일년에 $14 정도 든다고 나온다) 도메인을 구입하면 "진행 중" 상태가 뜨는 것을 볼 수 있다. 이메일 인증을 마치고 1시간 정도 기다리게 되면 상태가 성공으로 바뀌는 것을 볼 수 있다.이제 구입한 도메인과 우리의 EC2 인스턴스를 연결할 때가 온 것이다.2. 도메인 주소와 EC2 인스턴스와 연결 좌측의 "호스팅 영역"에 들어가게 되면 아래와 같은 화면이 생성된다. 여기서 호스팅 영역 이름을 클릭하게  되면 다음과 같은..

• format_list_bulleted 프론트엔드 개발/개발환경
• · 2024. 6. 14.
• textsms