본문 바로가기

BLOG/JavaScript

emailJS로 서버없이 메일전송 만들기1

contact us에 메일전송 받고 싶은데 서버가 없으신 분들에게 많은 도움이 되는 글입니다.

단점은 무료 사용자는 월200건의 메일전송할 수 있다는 점(?)인데요.

그래도 포폴사이트 만드는 분들께는 많은 도움이될 것 같아요!

(인기 스타가 아닌 이상은 200건의 메일이 오진 않겠죠..?)

 

php jsp asp, nodejs....등등등 서버 언어를 통해 이메일 전송폼을 만들죠.

하지만.. 서버언어 1도 모르고.. 메일은 받고싶고... 카페24나 고도몰 같은 곳 이용하기는 싫고..

 

이 글에는 서버가 없어도! 퍼블리싱으로만 메일 전송 가능하다는 것을 알려주고싶은 글입니다!

(희망의 글이죠 ㅎㅎ)

 

 

자바스크립트로만 이메일 폼 만들기

 

emailJS에 회원가입 해주세요.  - https://www.emailjs.com/

로그인 버튼을 눌러주세요.

 

아이디가 있다면 로그인을, 없다면 만들면 됩니다.

 

가입이 완료되었다면 이런 대시보드 화면이 나올거예요!

저는 이메일 서버를 해놔서 지금 보이지만 원래는 이메일서버 메뉴에 메일아이콘들이 많답니다.

 

저는 회원가입한 메일로 했어요. (회사메일이 yandex라...)

 

메일서버 등록했다면 이렇게 서비스아이디가 생겼을거예요.

서비스아이디는 나중에 스크립트에 넣어줄거예요! 기억해두세요~

 

우측 Email Templates메뉴를 클릭하면 기본적으로 Email Template Example라는 문서가 생성되어 있을겁니다.

 

이제부터 여기가 중요한데요. 어렵지않아요

오른쪽에 To email은 내가 메일을 받을 주소를 적어주시면 됩니다.

 

그리고 본문 안에 있는 빨간 줄들도 코딩할 때 필요해요! 기억해두세요~

 

받을 메일주소 적고 저장버튼을 눌러줍니다.

 

 

 

이번 글에서 메일 템플릿 설정을 했는데요.

 

다음 글에는 html과 스크립트로 폼을 만들 것입니다.