마이크로 프론트엔드 - 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

마이크로 프론트엔드 - Ajax를 활용한 마이크로 프론트엔드 개발

루트 프로젝트 세팅다음 명령어로 pnpm으로 루트 디렉토리에 프로젝트를 세팅해보자pnpm initcorepack use pnpm@8.10.0pnpm add turbo -D 그 다음에 각 팀별로 프로젝트를 세팅하기 위해서 pnpm의 workspace를 지정해주도록 한다.# pnpm-workspace.yamlpackages: - "teams/*" 우리는 home 서비스 팀과 jobs 서비스 팀을 구분해서 작업을 진행할 것이고, home 팀은 vite로 프로젝트를 세팅하고 jobs 팀은 pnpm init으로 프로젝트 세팅을 진행할 것이다. 먼저 루트 디렉토리에 teams 디렉토리를 생성해두자 team-home 프로젝트 세팅pnpm create vite@latest team-home --template va..

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