JavaScript

채팅 = 댓글 기능과 똑같음 ( 결국 웹은 다 게시판 ) 더보기 ... 채팅방에 들어가서 채팅을 해야 함 = 게시글에 들어가서 댓글 가는것과 동일 컬렉션 만들어서 댓글을 쭉 달리게 하면 됌 댓글은.. 부모 게시글이 존재함 1. 채팅방 게설 = 게시글 생성 2. 채팅 내용 = 거기에 댓글을 남길 수 있게 하면 됌 member 채팅당한 유저 id , 채팅건 유저 id date 지금 날짜 title 채팅방 이름 채팅 게시판 만들기(채팅방) 채팅 요청을 위한 front POST 요청 채팅하기 ... 받는 server var ObjectId = require('mongodb').ObjectID; // 이거 필수 app.post('/chatroom', function(요청, 응답){ console.log('요청.b..
.. 지금 만들던 게시판은 로그인 기능은 넣었으나 누구나 글을 삭제하고 아무나 글을 지울 수 있었음 => 해결할려면 글 삭제는 작성자만 가능하도록 해야 함 => add API 수정하면 되겠지? 아이디가 게시글에 부여되도록 일단 가입 기능 추가함 아이디 비번 가입 .. app.post('/register', function (요청, 응답) { db.collection('login').insertOne({ id: 요청.body.id, pw: 요청.body.pw }, function (에러, 결과) { 응답.redirect('/') }) }) 게시글에 작성자명 추가하기 기존 add API 수정.. (연습, 공부인데 그냥 한글로 변수,함수명 하자 헷갈린다.., 그래도 영어로 해야지 맨날 변수명 개떡같이 안짓지 ..
1. 커넥션 내보내기 대충 커넥션 파일 아래와 같이 생성하고 db export // 파일이름 db.js const MongoClient = require('mongodb').MongoClient; const url = '몽고 접속 URL' MongoClient.connect(url, (error, client) => { if (error) return console.log('디비 접속 에러') console.log("몽고 연결 쌉가능"); const dbCon = client.db('데이터베이스 이름'); module.exports.dbCon = dbCon; }) 2. 커넥션 받아서 쓰기 쓸 때는 아래와 같이 var express = require('express') var router = express..
app.get app.post 위와 같은 형식의 라우트 들이 사이트를 만들다보면 겁나 많아짐 그래서 다른 폴더/ 파일로 나누어서 분리하고 관리함 라우터 분리 하는 방법 기존 server.js 내에 있던 라우터들 app.get('/shop/shirts', function(요청, 응답){ 응답.send('셔츠 파는 페이지입니다.'); }); app.get('/shop/pants', function(요청, 응답){ 응답.send('바지 파는 페이지입니다.'); }); 1. 얘네를 다른 폴더 (보통 routers 폴더) 안에 적당한 이름으로 js 파일 만들어서 넣음 2. 위, 아래에 아래 코드 추가 var router = require('express').Router(); ... module.exports = ..
회원 인증 방법 3가지 1. session-based : 로그인 할경우 쿠키 발행 (session id 포함해서 보냄) => 마이페이지 접속시 그거 보내서 확인함 2. token -based(JWT :JSON Web Token) : 로그인 할경우 JWT 발행해줌, 브라우저는 이 토큰을 쿠키나 로컬 스토리지에 저장함 => 마이페이지 접속시 헤더에 해당 토큰을 포함해서 전송함 .. 웹토큰 검사하고 올바를 경우 페이지 전달해줌 ~ 유저 로그인 상태를 저장할 필요가 없음 (REST stateless 한 방식) 3. Open Authentication (OAuth) : 구글이나 다른 곳의 프로필 정보를 가져와서 활용, 접근 권한 주고 => 이름 아이디 성별등을 받아와서 계정, 세선 JWT 등 가져와서 해줌 세션 ..
리액트 노드 값 주고받기 리액트 useEffect(() => { const fetchData = async () => { const response = await fetch('/list/company', { method: 'POST', headers: { "Content-Type": "application/json", }, // json형태의 데이터를 서버로 보냅니다. body: JSON.stringify({ id: title }) }) const json = await response.json(); setFarm(json); }; fetchData(); }, []); 노드 app.post('/list/company', (req, res) => { console.log("리퀘 바디 : "+req.body..
keartt
'JavaScript' 카테고리의 글 목록