react-email-editor은(는) 무엇인가요?

Unlayer의 드래그 앤 드롭 이메일 빌더를 React 앱에 임베드하고, 디자인을 불러오고 저장하거나 HTML로 내보낼 수 있는 React 컴포넌트입니다. react-email-editor는 Unlayer의 드래그 앤 드롭 이메일 편집기를 위한 공식 React 래퍼입니다. React 앱에 컴포넌트를 추가하면 직접 빌더를 처음부터 만들지 않아도 사용자에게 시각적인 이메일 빌더를 제공할 수 있습니다.

react-email-editor은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

react-email-editor은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

react-email-editor은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. react-email-editor의 마지막 커밋은 2026년 10월 21일입니다.

react-email-editor은(는) 어디에 사용할 수 있나요?

SaaS 이메일 마케팅 제품에 템플릿 빌더를 추가합니다. 앱 내에서 최종 사용자가 뉴스레터나 트랜잭션 이메일 레이아웃을 만들 수 있도록 합니다. 백오피스 워크플로에서 저장된 JSON 디자인을 바탕으로 이메일 HTML을 생성합니다.

react-email-editor는 어떻게 설치하나요?

NPM에서 패키지를 설치합니다: npm install react-email-editor --save React 앱에서 EmailEditor를 가져오고 ref와 onReady 콜백을 지정해 렌더링합니다

react-email-editor은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/unlayer/react-email-editor

unlayer/react-email-editor

Unlayer의 드래그 앤 드롭 이메일 빌더를 React 앱에 임베드하고, 디자인을 불러오고 저장하거나 HTML로 내보낼 수 있는 React 컴포넌트입니다.

대체할 수 있는 제품:Mailchimp Stripo

GitHub에서 보기 웹사이트

스타: 5,246
포크: 803
열린 이슈: 247
마지막 커밋: 8시간 전

어떤 프로젝트인가요?

react-email-editor는 Unlayer의 드래그 앤 드롭 이메일 편집기를 위한 공식 React 래퍼입니다. React 앱에 컴포넌트를 추가하면 직접 빌더를 처음부터 만들지 않아도 사용자에게 시각적인 이메일 빌더를 제공할 수 있습니다.

컴포넌트는 내부 편집기 인스턴스에 접근할 수 있는 ref를 제공하므로 loadDesign, saveDesign, exportHtml 같은 메서드를 호출할 수 있습니다. 디자인은 JSON으로 저장되며, exportHtml은 디자인과 반응형 HTML을 모두 반환합니다. minHeight, style, 편집기 설정 같은 옵션은 props로 전달하며, Unlayer의 custom tools를 통해 사용자 정의 콘텐츠 블록을 추가할 수 있습니다.

이 패키지를 사용하려면 React 16.8 이상과 Node 18 이상이 필요하며, Next.js Client Components에서 바로 가져와 사용할 수 있습니다. README에는 테스트한 클라이언트로 Gmail, Apple Mail, Outlook, Yahoo! Mail이 명시되어 있습니다.

핵심 기능

01드래그 앤 드롭 이메일 빌더를 단일 React 컴포넌트로 임베드합니다.
02이메일 디자인을 JSON으로 불러오고 저장합니다.
03디자인 데이터와 함께 반응형 HTML을 내보냅니다.
04ref와 콜백을 통해 편집기 메서드와 이벤트를 제공합니다.
05custom tools를 사용해 사용자 정의 콘텐츠 블록을 지원합니다.
06별도의 동적 import 우회 방법 없이 Next.js App Router의 Client Components에서 작동합니다.

활용 사례

SaaS 이메일 마케팅 제품에 템플릿 빌더를 추가합니다.
앱 내에서 최종 사용자가 뉴스레터나 트랜잭션 이메일 레이아웃을 만들 수 있도록 합니다.
백오피스 워크플로에서 저장된 JSON 디자인을 바탕으로 이메일 HTML을 생성합니다.

빠른 시작

1
NPM에서 패키지를 설치합니다
npm install react-email-editor --save
2
React 앱에서 EmailEditor를 가져오고 ref와 onReady 콜백을 지정해 렌더링합니다

사용 전 알아둘 점

React 16.8 이상과 Node 18 이상이 필요합니다.
에디터는 클라이언트 전용이며 DOM에 렌더링되므로 서버에서 실행할 수 없습니다.
에디터의 전체 기능과 AI Assistant를 사용하려면 Unlayer 계정과 설정이 필요합니다.

토픽

#react #email-builder #drag-and-drop #html-email #email-template #react-component #ai-assistant #ai-email #ai-email-assistant #ai-email-builder

자주 묻는 질문

react-email-editor은(는) 무엇인가요?: Unlayer의 드래그 앤 드롭 이메일 빌더를 React 앱에 임베드하고, 디자인을 불러오고 저장하거나 HTML로 내보낼 수 있는 React 컴포넌트입니다. react-email-editor는 Unlayer의 드래그 앤 드롭 이메일 편집기를 위한 공식 React 래퍼입니다. React 앱에 컴포넌트를 추가하면 직접 빌더를 처음부터 만들지 않아도 사용자에게 시각적인 이메일 빌더를 제공할 수 있습니다.
react-email-editor은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?: react-email-editor은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
react-email-editor은(는) 아직 유지보수되고 있나요?: 활발히 유지보수 중. react-email-editor의 마지막 커밋은 2026년 10월 21일입니다.
react-email-editor은(는) 어디에 사용할 수 있나요?: SaaS 이메일 마케팅 제품에 템플릿 빌더를 추가합니다. 앱 내에서 최종 사용자가 뉴스레터나 트랜잭션 이메일 레이아웃을 만들 수 있도록 합니다. 백오피스 워크플로에서 저장된 JSON 디자인을 바탕으로 이메일 HTML을 생성합니다.
react-email-editor는 어떻게 설치하나요?: NPM에서 패키지를 설치합니다: npm install react-email-editor --save React 앱에서 EmailEditor를 가져오고 ref와 onReady 콜백을 지정해 렌더링합니다
react-email-editor은(는) 어디서 받을 수 있나요?: 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/unlayer/react-email-editor

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.