본문 바로가기

ReactEmail

26. i18n 템플릿과 커스터마이징 - 다국어 이메일 시스템 다국어 이메일 시스템 - 26편. i18n 템플릿과 커스터마이징다국어 이메일 템플릿을 구현합니다.이 글에서는 다국어 메시지 구조, 언어 감지, 변수 치환, 관리자 설정을 다룹니다.🌐 일본어 이메일이 필요했다일본어 고객이 문의를 남겼는데, 한국어 이메일이 갔습니다."문의가 접수되었습니다"일본인 고객은 이해할 수 없었을 겁니다.Claude에게 물었습니다.이메일도 다국어로 보내야 해.고객의 언어 설정에 따라 해당 언어로.📝 다국어 메시지 구조모든 이메일 텍스트를 한 파일에 모았습니다.// lib/email/messages.tsexport const emailMessages = { inquiryReceived: { ko: { subject: '문의가 접수되었습니다', title: '.. 더보기
25. 전문적인 B2B 이메일 디자인 - 견적서 이메일 템플릿 견적서 이메일 템플릿 - 25편. 전문적인 B2B 이메일 디자인견적서 이메일 템플릿을 만듭니다.이 글에서는 테이블 레이아웃, 금액 표시, 수락/거절 알림, 모바일 대응을 다룹니다.💰 견적서 이메일의 무게견적서는 돈이 오가는 문서입니다.고객이 이메일을 열었을 때 첫인상이 중요했습니다.✅ 전문적으로 보여야 함✅ 금액이 한눈에 들어와야 함✅ 수락 버튼이 명확해야 함Claude에게 물었습니다.견적서 이메일 템플릿을 만들어줘.전문적이고 깔끔하게.모바일에서도 잘 보이게.📄 견적서 이메일 구조Claude가 제안한 구조입니다.┌─────────────────────────────────┐│ 🏢 로고 │├─────────────────────────────────┤│ 견.. 더보기
24. 이메일 시스템 구축 - React Email + Resend React Email + Resend - 24편. 이메일 시스템 구축React Email과 Resend로 이메일 시스템을 구축합니다.이 글에서는 템플릿 구조, 공통 레이아웃, 발송 함수, 미리보기 설정을 다룹니다.📧 이메일이 필요해졌다문의 폼이 완성되고, 견적서 기능이 들어가면서 깨달았습니다."이거 고객한테 알림이 가야 하는데?"문의 접수 확인, 견적서 발송, 상태 변경 알림...B2B에서 이메일은 생명줄과 같았습니다.Claude에게 물었습니다.이메일 시스템을 만들어야 해.React로 템플릿을 만들고 싶은데, 방법이 있어?React Email이라는 걸 알려줬습니다. React 컴포넌트로 이메일 템플릿을 만들 수 있다고요.🚀 Resend 설정Resend가 뭔가요?개발자 친화적인 이메일 발송 서비스입니다.. 더보기