소개
앞 사례에 이어서 자동 채점한 과제 점수와 간단한 피드백을 개별 메일로 보내고 싶었어요.
Claude가 메일 내용 작성을 도와주고, 이미지를 넣은 HTML 이메일을 메일 리스트에 보내도록 만들어 보았습니다.
📩 Resend MCP 설치
📨 Resend MCP
Resend API를 사용하여 이메일을 전송하는 MCP 서버
Resend는 API 기반으로 설계되어, 코드로 손쉽게 이메일 발송 기능을 애플리케이션에 통합할 수 있음, 하나의 (유료)계정에 무제한 도메인 지원
자신의 브랜드 도메인을 만들고 공식 계정에서 메일을 보내는 형식(예: [email protected])으로 사용 가능
Cursor나 Claude Desktop이 이메일을 자동으로 작성하여 전송 가능
🔑 API 키 생성과 도메인 인증
https://resend.com/docs/send-with-nodejs 가이드를 따라서 진행
Resend 사이트(https://resend.com/)에 가입하고 API 키 생성, "Full Access"로 설정
도메인 인증을 위해 무료 도메인 사이트인 내도메인.한국(https://xn--220b31d95hq8o.xn--3e0b707e/)이용, 새로운 도메인 "ai-study.o-r.kr" 생성
Resend에서 Add Domain 으로 도메인 추가(무료로 도메인 1개 사용, 1일 메일 100개 발송 가능)
Resend에서 제공하는 도메인 정보를 내도매인.한국 사이트의 도메인 설정에 입력
Resend에서 도메인을 인증하기
🖥️ MCP 설치
https://github.com/resend/mcp-send-email?tab=readme-ov-file 가이드를 따라서 진행
프로젝트를 로컬로 복제:
git clone https://github.com/username/project-name.git프로젝트 디렉터리에서 실행:
npm install, npm run build프로젝트 폴더/build/index.js 파일 즉 MCP 서버 스크립트의 생성을 확인
Claude의 MCP 설정
"resend": {
"command": "node",
"args": ["C:\\프로젝트 폴더\\index.js"],
"env": {
"RESEND_API_KEY": "Resend의 API 키",
"SENDER_EMAIL_ADDRESS": "[email protected](원하는아이디@도메인의주소)",
"REPLY_TO_EMAIL_ADDRESSES": "실제 메일을 보내는 자신의 메일 주소"
}
}
📧 Email Maker 개요
Resend MCP와 EverArt MCP를 활용하여 디자인된 HTML 이메일을 작성하고 발송하는 도구
Claude 프로젝트로 제작
"시작"을 입력하면 프로젝트가 시작됨.
🔨 사용한 MCP 도구
Resend MCP: HTML 형식의 이메일을 발송
EverArt MCP: 이메일 배경 이미지를 생성, 생성된 이미지는 Google Cloud Storage에 자동으로 호스팅
💡 프로세스 흐름
1. 수신자 정보 입력
단일 이메일 주소 또는 메일 리스트 파일 경로를 입력
메일 리스트가 파일로 작성되어 있는 경우, 파일의 위치(경로)와 함께 파일 형식이나 구조에 대한 간단한 설명을 제공
예시에서는 Excel MCP로 메일 리스트가 있는 엑셀 파일을 읽어서 사용
2. 메일 내용 작성
제목: 이메일의 제목을 입력
내용: 이메일의 본문 내용을 입력
보내는 사람: 발신자 정보를 입력
메일 목적과 어투: 메일의 목적(예: 비즈니스, 마케팅, 안내, 초대 등)과 원하는 어투(예: 공식적, 친근한, 전문적, 격식 있는 등)를 알려주면 내용을 그에 맞게 가공
입력 후 내용 검토 및 수정 기회가 제공
3. 배경 디자인 선택
배경 이미지 사용 여부를 선택
특정 디자인 요구사항을 입력하거나, 내용에 맞는 배경을 자동 생성
EverArt MCP를 통해 전문적인 이메일 배경을 생성
생성된 배경 이미지는 Google Cloud Storage URL을 통해 이메일에 삽입됩니다.
HTML 이메일: 전문적인 CSS 스타일링으로 가독성과 디자인이 향상
4. 레이아웃 스타일 선택
카드 스타일: 반투명한 콘텐츠 박스가 배경 이미지 위에 표시
직접 배치: 텍스트가 배경 이미지 위에 직접 표시됩니다. 이 경우 배경 이미지 색상과 대비되는 가독성 높은 글씨 색상이 자동으로 적용
기타 커스텀 옵션도 선택 가능
5. 메일 발송
최종 검토 후 Resend MCP를 통해 이메일을 발송
발송 성공 확인 ID을 제공
6. 수신한 메일 확인
Gmail
Naver mail
Resend의 메일 발송 기록
6. 주의사항
이메일 클라이언트에 따라 배경 이미지 표시가 다를 수 있음.
대량 메일 발송 시 시간이 소요될 수 있으며, 메일 서비스 제한에 유의
스팸함에 들어가지 않도록 이메일 제목과 내용에 주의가 필요
생성된 이미지 URL은 일정 기간 후 만료될 수 있음.
🔍 결과와 배운 점
비개발자도 따라서 따라서 성과를 얻을 수 있다는 것이 MCP의 또 다른 장점이네요. 😍
클로드가 Excel MCP로 데이터를 읽고 분석한 뒤 메일 내용을 작성하고 🌟 , Everart MCP로 메일을 디자인하고, Resend MCP를 통해 이메일을 발송하는 과정이 효율적입니다. 대화창에서 여러명에게 동시에 이메일을 보낼 수 있다는 점이 가장 좋았어요.
MCP를 이용해 대화형 AI가 단순 텍스트 응답을 넘어 데이터 분석, 이미지 생성, 이메일 발송까지 처리하는 모습을 보고, 함께 협업하며 AI 활용의 새로운 가능성을 발견하고 있습니다. 앞으로 어떤 변화를 가져올지 기대됩니다.