01-18 코딩일기

Emailjs update

오늘은 Portfolio CONTACT 섹션에 Email.js를 적용해 보았다.

원래 계속 적용해야지 해야지 하다가 다른 것을 하며 미루게 되었고.. 그렇게 미루다미루다 오늘 드디어 EmailJS를 적용하여 CONTACT 메시지 보내기를 만들었다.

먼저 EmailJS는 송신자를 자기자신으로 하여 mail을 연동해 전송할 수 있게 해주는 서비스이다.

기본적으로 적용해야할 userRef / form 에 submit Event를 통해 코드를 사용하는데

2) const form = useRef() --  useRef로 form안에 포커스 두기
3) (공식홈페이지에 자세하게 설명이 되어있다.) 
emailjs.sendForm('YOUR_SERVICE_ID', 'YOUR_TEMPLATE_ID', form.current, 'YOUR_PUBLIC_KEY')
      .then((result) => {
          console.log(result.text);
      }, (error) => {
          console.log(error.text);
      });
  };
그냥 이 문구를 그대로 복사하여 붙인다.
YOUR_SERVICE_ID , YOUR_TEMPLATE_ID ,YOUR_PUBLIC_KEY 는 
EMAILJS 회원가입하고 계정에서 확인 할 수 있다. 그리고 form.current 는 
form 의 기본값을 사용한다는 말이다.

이렇게 하여 자신의 form 태그 안에 input name에 지정해둔 emailjs 안 템플릿 문구를 연결하여 전송 시 그 내용이 메일로 보내진다!

항상 느끼는 건데 기본적으로 공식문서를 꼭 확인하자! 제일 간단하고 쉽게 접근 할 수 있다.