Project 기록/와글와글(web) (11) 썸네일형 리스트형 [프로젝트] nodemailer 사용해서 인증번호 확인 해보자 ① (react) 회원가입을 할 때 이메일을 보낸 후 인증번호를 확인 할 때가 있다 감사하게도 구글에서 nodemailer API를 지원해준다. 빨리 해보자!!! 만들고 있는 회원가입 form 이다 '전송'버튼을 누르면 클라이언트에게 텍스트가 전송 되게 해볼 것이다 우선 구글 아이디에 설정이 몇 개 필요하다 https://accounts.google.com/DisplayUnlockCaptcha 요기로 가서 허용 해주자 https://accounts.google.com/DisplayUnlockCaptcha 요기도 방문해 주자 '계속'클릭 이메일을 보낼 계정 세팅은 끝났다 nodemailer를 사용할 모듈이 필요하다 npm install nodemailer --save 설치 해주자 버튼 누르고 서버에게 요청 할 클라이언트.j.. [프로젝트] id 중복확인 기능을 만들자 !!! ② (react) 앞서 말했던 server.js 와 index.js 파일을 만들어 보자 !! 우선 소스 경로는 이렇게 만들었다. 이유는 친구들이 이렇게 하길래 따라했다 참고로 src 폴더 바깥이다 const express = require('express'); //익스프레스 모듈 가져오기 const app = express(); const cors = require('cors'); //cors를 사용하고 싶다 const bodyParser = require('body-parser'); //body-parser을 사용하고 싶다 const port =3001; //서버포트는 3001번 포트 const route = require('./routes/index'); //router가 있는 곳이다 만들 index.js다 app.u.. [프로젝트] id 중복확인 기능을 만들자 !!! ① (react) react framework + 노드 express + mysql 디비를 이용해서 태그에 입력 값을 서버로 보내고 데이터베이스에서 동일한 id 찾은 뒤 사용 가능한지 여부를 가르쳐주는 기능을 구현해보자 걍 아이디 중복확인 기능이다 express는 react와 mysql을 연결해주는 웹 서버 프레임워크다 react환경에서 사용하려면 사용할 모듈을 받아 주어야한다. 어우 좀 많다 npm install mysql// mysql 모듈 npm install express // express 모듈 npm install cors // cors 모듈 npm install body-parser // body-parser 모듈 세 개의 파일을 맨들어 사용할 건데 미리 알고 가자 Signup_page.js server.js.. 이전 1 2 다음
