Project 기록 (22) 썸네일형 리스트형 [프로젝트]챗봇(chatbot)에 대해서, API종류 우리학교를 위한 정보 쳇봇 프로그램을 만들기로 했다 그전에 쳇봇이 먼저 알아야한다 알아보자 챗봇이란? 쳇봇의 기초적인 의미는 사람 간의 대화(문자 또는 음성)을 시뮬레이션 및 프로세싱하는 컴퓨터 프로그램이다 마치 사람과 대화를 나누는 것처럼 디지털 장치와 소통할 수 있게 해주는 기술이다 쳇봇은 단순하게는 한줄로 간단한 문의 할 수 있는것부터 디지털 어시스턴트처럼 정보를 수집과 처리하여 이를 학습하고 맞춤 서비스를 제공하는 정교한 프로그램 등이 있다 챗봇은 어떻게 작동할까? AI: 인간의 학습능력과 추론능력, 지각능력, 자연언어의 이해능력 등을 컴퓨터 프로그램으로 실현한 기술 머신러닝: 기계학습으로 지도학습과 비지도학습으로 크게 나누어짐. 주로 통계적인 기법 통해서 학습 딥러닝: 머신러닝의 한 분야로 사물.. [프로젝트] 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.. 이전 1 2 3 다음
