어이 거기 Sweetlings! 이메일을 보내자! 그러나 매우 재미있는 방식으로!! 더 달콤한 재미를 위해 TypeScript도 추가해 봅시다! 몰라도 걱정마세요 레벨 0부터 갑니다!! JavaScript의 기본 사항을 알고 있는 한, 시작하세요!

0단계: 프로젝트 시작

폴더를 만들고 선호하는 편집기(mine VS Code)에서 엽니다. 그런 다음 프로젝트 터미널에 이 명령을 입력합니다.

npm init -y

(다운로드한 모든 패키지 등을 추적하기 위해 package.json 파일을 생성합니다.)

보너스 단계: TypeScript 추가

환경을 설정하고 TypeScript 파일을 실행하는 방법에 대해 약간 잃어버린 사람들을 위해 이것을 확인하십시오.

암튼 요컨대 (자세한 내용은 위 링크를 확인하세요)

타이프 스크립트 설치

npm i typescript 

tsconfig 초기화
(npm i -g typescript를 입력하지 않은 경우 typescript가 전역적으로 설치되어 있는지 확인하십시오. 이전의 일반 npm i typescript 명령과 혼동하지 마십시오.)

tsc --init

(.tsconfig 파일이 생성됩니다)

ts-node 및 ts-node-dev 설치

npm i ts-node ts-node-dev

이제 app.ts 파일을 만들고 이상한 이메일을 보내봅시다!

1단계: 이메일 보내기

먼저 이 명령으로 필요한 패키지를 설치합니다.

npm i nodemailer @types/nodemailer

(참고로 "npm i X"는 "npm install X"의 약자입니다.)

이제 이상한 이메일을 보내자! app.ts 파일 안에 다음을 작성하십시오.

import nodemailer from 'nodemailer';


// let's create the transport (it's the postman/delivery-man who will send your emails)
const myTransport = nodemailer.createTransport({
  service: 'Gmail',
  auth: {
    user: '[email protected]', // your gmail account which you'll use to send the emails
    pass: 'YOUR_GMAIL_PASSWORD', // the password for your gmail account
  }
});






// defining the content of the email (I mean, what will be on the email)
const mailOptions = {
  from: 'SilvenLEAF<[email protected]>', // from where the email is going, you can type anything or any name here, it'll be displayed as the sender to the person who receives it
  to: '[email protected],[email protected],[email protected]', // the email address(es) where you want to send the emails to. If it's more than one person/email, seperate them with a comma, like here how I seperated the 3 users with a comma

  subject: 'Sending Some Freaking Email', // your email subject (optional but better to have it)
  text: `Hello there my sweetling! Let's send some freaking emails!`, // your email body in plain text format (optional) 

  // your email body in html format (optional)
  // if you want to send a customly and amazingly designed html body
  // instead of a boring plain text, then use this "html" property
  // instead of "text" property
  html: `<h1 style="color: red;text-align:center">Hello there my sweetling!</h1>
         <p style="text-align:center">Let's send some <span style="color: red">freaking</span> emails!</p>`,
}






// sending the email
myTransport.sendMail(mailOptions, (err) => {
  if (err) {
    console.log(`Email is failed to send!`);
    console.error(err);
  } else {
    console.log(`Email is successfully sent!`);
  }
})

요후! 방금 이메일 발신자 파일을 만들었습니다. 이제 실행해 보겠습니다. 이 typescript 파일을 실행하려면 터미널에 다음 명령을 입력하십시오.

ts-node app.ts

(node ​​app.js의 TypeScript 버전입니다.)

야후! 우리는 일부 이상한 사용자에게 이상한 이메일을 보냅니다!! 예이! 하지만 정말? 이와 같은 미친 오류를 본 적이 있습니까?



Google에서 해당 요청을 차단했기 때문입니다! 따라서 작동하게 하려면 먼저 해당 이메일 계정에서 이메일을 보낼 수 있도록 허용해야 합니다. 어떻게? Google "보안 수준이 낮은 앱"을 선택하고 첫 번째 링크를 엽니다.


이제 다음과 같은 것을 보게 될 것입니다.

토글 버튼을 켭니다(보안 수준이 낮은 앱 허용: 켬).

이제 해당 이메일 발신자 파일을 다시 한 번 실행하십시오! 그리고 만세!!! 당신은 방금 이상한 이메일을 보냈습니다!! 축하해!

무엇 향후 계획?

1. 무엇이든 할 수 있는 개선된 AI BOT

2. JavaScript/TypeScript를 사용한 미친 짓

3. VS 코드 디버거로 TypeScript 디버깅

4. 무엇이든 자동화하는 방법

5. 후크 시퀀싱

6. DB Schema 생성 자동화

7. XP 없이 Android 앱을 만드는 방법

(apk 생성 포함)

의심의 여지가 있습니까?

의견을 남기거나 Twitter에서 @SilveLEAF로 연락하거나

나에 대해 더 알고 싶어? 여기와!
SilvenLEAF.github.io