일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 리액트
- nextjs
- ReactContextAPI
- 비디오전송
- API루트
- 비디오스트리밍
- pyinstaller
- 웹소켓
- PlanetScale
- mysqlworkbench
- 쿠키관리
- 인스타그램앱만들기
- 인스타그램API
- ReactQuill
- nodemailer
- socketIO
- 노드메일러
- APIroutes
- 앱비밀번호
- pyqt5
- Nodejs
- 넥스트JS13
- nextjs13
- 플래닛스케일
- 넥스트js
- reactjs
- 페이스북개발자
- expressjs
- state전역관리
- next js
- Today
- Total
목록노드메일러 (3)
Timpossible history
이 글에서는 Nodemailer로 메일 보낼 때 커스터마이징하는 방법을 알아보도록 한다. 1. Email Template 만들기 /src/component/emailTemplate 경로 안에 .jsx 파일을 만들어준다. .jsx 파일을 쓰는 이유는 그냥 편해서이다. Next JS 프레임워크를 쓰는 김에 emailTemplate도 리액트 컴포넌트 형식으로 만들어서 쓰면 직관적으로 보기 좋기 때문에 써보았다. 아래에서 살펴보겠지만, 원래 nodeMailer로 보내는 메일의 형식은 text로 작성되어야 하는데 스타일링 커스터마이징을 하려면 리액트처럼 작성하기 간편한게 없다. /src/component/emailTemplate/emailTemplate.jsx import React from "react"; co..
앱 비밀번호가 필요한 이유 앱 비밀번호 설정 방법 앱 비밀번호가 필요한 이유 Nodemailer를 사용해서 이메일을 보내는 기능을 구현한 웹사이트나 어플리케이션은 보안이 중요하다. 웹사이트든 어플리케이션이든 이메일을 보내려면 계정이 필요하니 소스코드에 계정과 비밀번호를 기록해놓아야 하는데 이는 보안에 다소 문제가 생길 수 있기에 계정의 비밀번호가 아닌, 계정의 부분적인 권한을 허가받은 어플리케이션 전용 비밀번호를 발급받아서 사용하는 것이 좋다. 보안 강화 권한 제어 계정 보호 2단계 인증 활성화 보통 사용자들은 gmail이든 naver든 인스타그램이든 그 어떤 계정을 같은 아이디와 비밀번호로 사용하는게 대부분이니 하나의 계정이 뚫리면 나의 개인정보가 담긴 모든 계정들이 같이 뚤릴 수 있기 때문에 보안을 ..
이번에는 Next.js 프레임워크에서 Nodemailer를 이용하여 이메일을 보내는 기능을 구현해보았다. Nodemailer는 Node.js 기반의 라이브러리로, 이메일 전송 작업을 쉽게 처리할 수 있도록 도와준다. 이 기능을 통해서 웹사이트의 회원가입 시, 이메일 인증하는 기능을 구현해보고자 한다. Nodemailer 설치 먼저, Next.js 프로젝터에 nodemailer를 설치한다. npm install nodemailer Nodemailer 설정 Nodemailer는 Gmail을 통해서 메일을 보내는 라이브러리이기 때문에 사용하기 위해서는 Gmail 계정에서 '앱 비밀번호'를 생성해야 한다. '앱 비밀번호' 생성하는 법을 알아보려면 아래 글의 링크를 통해서 알아보자. Nodemailer 이용 시 ..