분류 전체보기 (150) 썸네일형 리스트형 [프로젝트] props를 사용해서 컴포넌트를 껐다 키자(react) 요새 회원가입 페이지를 만들고 있다.정말 심플하고 트랜디하게 잘만들었다 그치만 회원가입완료가 떴는데 입력하던 폼은 안사라지고 그대로 있다 props로 임마를 사라지게 해보자 !!!! 나의 js파일 구조는 signup_button 컴포넌트 ↓ 하위 signup_page 컴포넌트 버튼(signup_button)을 누르면 Dialog 팝업의(signup_page)가 뜨는 구조다 import React from 'react'; import Button from '@material-ui/core/Button'; import Dialog from '@material-ui/core/Dialog'; import DialogActions from '@material-ui/core/DialogActions'; import.. [프로젝트] nodemailer 사용해서 인증번호 확인 해보자 ② (react) ①에서는 먼저 입력해 놓은 내용을 클라이언트에게 메일을 보냈었다 이제는 난수를 생성하고 고것이 사용자가 다시입력한 것과 일치하는지 알아 보자!!! 우선 서버에게 요청할 함수.js다. 발송된 인증번호를 number에 , 내가입력한 인증번호를 inputnumber로 뒀따 constructor(props) { super(props); this.state = { email: '', usingemail: false, // 인증번호가 맞아서 가입가능한가?? number: '', //보내진 인증번호 inputnumber: '', //내가 입력한 인증번호 // 이 두개가 똑같아야 한다 } sendEmail(e){ e.preventDefault(); console.log(this.state.email); const da.. [프로젝트] 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.. [HTML] 띄어쓰기 하는 방법 텍스트 내 띄어쓰기를 해보자 난 코드를 이렇게 썼는데 출력물은 요렇게 붙여서 나온다 아 띄어쓰기 하고싶다!!!!! 그럴땐 를 중간에 끼워보자 와우!!!!! 된다!!! 이전 1 ··· 16 17 18 19 다음