이메일 전송은 웹 애플리케이션에서 매우 일반적인 기능 중 하나입니다. 자바스크립트를 사용하여 JSON 데이터를 이용하여 이메일을 전송하는 방법에 대해 알아보겠습니다.

1. JSON 데이터 생성하기

첫째로, 이메일 전송에 필요한 정보를 가지고 있는 JSON 데이터를 생성해야 합니다. 일반적으로 이메일 주소, 제목, 내용 등의 필드를 포함합니다. 아래는 예시입니다.

const emailData = {
  to: "example@example.com",
  subject: "안녕하세요!",
  body: "이메일 내용입니다."
};

2. JSON 데이터를 서버로 전송하기

다음으로, 생성한 JSON 데이터를 서버로 전송해야 합니다. 이를 위해 자바스크립트의 XMLHttpRequest 객체나 fetch API를 사용할 수 있습니다. 예시로 fetch API를 사용하여 서버로 데이터를 전송하는 방법을 보여드리겠습니다.

fetch("서버 URL", {
  method: "POST",
  headers: {
    "Content-Type": "application/json"
  },
  body: JSON.stringify(emailData)
})
  .then(response => response.json())
  .then(data => {
    console.log("이메일이 성공적으로 전송되었습니다.");
  })
  .catch(error => {
    console.error("이메일 전송 중 오류가 발생했습니다.", error);
  });

위 예시에서는 fetch 함수를 사용하여 POST 요청을 보내고 있습니다. Content-Type 헤더를 application/json으로 설정하고, JSON.stringify 함수를 사용하여 JSON 데이터를 문자열로 변환한 후 body에 전달합니다.

3. 서버에서 이메일 전송하기

마지막으로, 서버에서 이메일을 전송하는 로직을 구현해야 합니다. 이 부분은 서버의 언어 및 프레임워크에 따라 다를 수 있습니다. 서버 측 코드 예시로는 Node.js의 Express 프레임워크를 사용한 예시를 보여드리겠습니다.

const express = require("express");
const app = express();
const nodemailer = require("nodemailer");

app.use(express.json());

app.post("/sendEmail", (req, res) => {
  const { to, subject, body } = req.body;

  // 이메일 전송 로직 구현
  // nodemailer 라이브러리 등을 사용하여 이메일을 전송

  res.send("이메일이 전송되었습니다.");
});

app.listen(3000, () => {
  console.log("서버가 실행되었습니다.");
});

위 예시에서는 Express 프레임워크를 사용하여 POST 요청을 처리하는 /sendEmail 엔드포인트를 만들고 있습니다. 요청의 JSON 데이터를 받아서 이메일 전송 로직을 구현하면 됩니다.

마무리

위의 방법을 참고하여 자바스크립트로 JSON 데이터를 이용하여 이메일을 전송하는 기능을 구현할 수 있습니다. 서버 측에서는 해당 요청을 받아서 이메일을 전송하는 로직을 추가해야 하며, 클라이언트 측에서는 JSON 데이터를 서버로 전송하는 방법을 알아야 합니다. 이를 통해 웹 애플리케이션에서 자유롭게 이메일을 전송할 수 있습니다.

#javascript #이메일전송