Vite React 애플리케이션에서 Mailchimp API 통합

이 가이드는 Vite React 애플리케이션에 Mailchimp API를 통합하여 이메일 마케팅 전략을 자동화하는 방법을 설명합니다. 통합에는 사용자가 제출 버튼을 클릭할 때 Mailchimp에 API 호출이 트리거되는 폼을 생성하는 것이 포함됩니다. 이 가이드의 전제 조건은 React, Node.js 및 Vite에 대한 기본적인 이해와 Mailchimp 계정이 필요합니다. 제안되는 폴더 레이아웃은 프론트엔드(Vite React 앱)와 백엔드(Node.js 서버)를 두 개의 별도 디렉터리에 분리합니다. 시작하려면 Mailchimp 계정에서 Mailchimp API 키, 목록 ID 및 서버 접두사를 가져와야 합니다. 다음으로 백엔드 디렉터리에 별도의 Node.js 프로젝트를 설정하고 필요한 패키지를 설치합니다. 필요한 패키지에는 express, @mailchimp/mailchimp_marketing, dotenv 및 cors가 포함됩니다. 백엔드 코드는 폼 제출을 처리하는 엔드포인트를 생성하고 Mailchimp에 새로운 목록 멤버를 추가하는 API 호출을 수행합니다. 프론트엔드에서는 폼 제출을 처리하는 함수를 생성하고 백엔드 엔드포인트에 POST 요청을 수행합니다. 마지막으로 .env 파일에 환경 변수를 설정하고 동시에 두 서버를 시작합니다.