Merge remote-tracking branch 'origin/yeonwoo' into young

client/src/randCode.js

+import React, { useState } from 'react';
+
+function randCode(){
+//    const [ranNumArr,setRanNumArr] = useState([]);
+
+    const min = 1;
+    const max = 99999;
+    let newNum = Math.floor((Math.random()*max)+min);
+    
+    // for (let i=0;i<ranNumArr.length;i++){
+    //     if (ranNumArr[i]==newNum){
+    //         newNum = Math.floor((Math.random()*max)+min);
+    //     }
+    // }
+    
+    let zeroSize = "";
+
+    for (let j=0;j<5-newNum.toString().length;j++){
+        zeroSize += "0";
+    }
+
+    // setRanNumArr(zeroSize+newNum);
+
+    return (zeroSize+newNum.toString());
+}
+
+export default randCode;
\ No newline at end of file

client/src/utils/auth.js

+import axios from "axios"
+
+//자동으로 localstorage에 login이 생성됨
+export function handleLogin(props) {
+    localStorage.setItem('user', props.email)
+}
+
+
+export async function handleLogout() {
+    localStorage.removeItem('user')
+    await axios.get('/auth/logout')
+}
\ No newline at end of file

client/src/utils/catchErrors.js

+function catchErrors(error, displayError) {
+    let errorMsg
+
+    if (error.response) {
+        errorMsg = error.response.data
+        console.log(errorMsg)
+    } else if (error.request) {
+        errorMsg = error.request
+        console.log(errorMsg)
+    } else {
+        errorMsg = error.message
+        console.log(errorMsg)
+    }
+    displayError(errorMsg)
+}
+
+export default catchErrors
\ No newline at end of file

server/config.js

@@ -2,7 +2,9 @@ const config = {
     env: process.env.NODE_ENV || 'development',
     port: process.env.PORT || 3030,
     jwtSecret: process.env.JWT_SECRET || 'My_Secret_Key',
-    mongoDbUri: process.env.MONGODB_URI || 'mongodb://localhost/messenger'
+    mongoDbUri: process.env.MONGODB_URI || 'mongodb://localhost/messenger',
+    cookieMaxAge: 60 * 60 * 24 * 7 * 1000
+    //1000이 1초 이므로 7일
 }
 
 export default config
\ No newline at end of file

server/controllers/auth.controller.js

+import User from "../models/User.js"
+import bcrypt from 'bcryptjs'
+import jwt from 'jsonwebtoken'
+import config from "../config.js"
+//server부분에는 꼭 js붙여주기!!
+
+//sign validation해야됨
+const login = async (req, res) => {
+    const { email, password } = req.body
+    //req.body를 구조분해하여 각각 보이게함 -> 모든정보들이 한줄에 보임
+    console.log(email, password)
+
+    try {
+        // 1) 사용자 확인
+        const user = await User.findOne({ email }).select('+password')
+        
+        // 2) 이메일 사용자가 없으면 에러 반환
+        if (!user) {
+            return res.status(404).send(`${email}을 사용하는 사용자가 없습니다`)
+        }
+
+        // 3) 비밀번호 일치 확인
+        const passwordMatch = await bcrypt.compare(password, user.password)
+
+        // 4) 비밀번호가 맞으면 토큰 생성 후 쿠키에 저장
+        if (passwordMatch) {
+            //토큰 생성
+            const token = jwt.sign({ userId: user._id }, config.jwtSecret, {expiresIn: '7d'})
+            //jwtSecret : 노출되면 안됨. 문자열
+            //expiresIn: '7d' -> 만기날짜 : 만든 7일후 만기
+
+            //쿠키에 저장
+            //res : client로 넘어가는 객체 cookie('이름', value)
+            res.cookie('token', token, {
+                maxAge: config.cookieMaxAge,
+                //생성일로부터 어느정도까지 살아있을 것인가
+                httpOnly: true,
+                //client에서 javascript로 접근할 수 없음
+                secure: config.env === 'production',
+                //secure가 true이면 http로 접근하면 cookie가 들어가지 않음.
+            })
+            res.send('Login Successful')
+
+        } else {
+            // 5) 비밀번호가 틀리면 에러 반환
+            res.status(401).send('비밀번호가 일치하지 않습니다')
+        }
+
+    } catch (error) {
+        //알수없는 모든 에러발생시 처리
+        console.log(error)
+        res.status(500).send('로그인 에러가 발생하였습니다')
+    }
+
+}
+
+const logout = (req, res) => {
+    res.clearCookie('token')
+    res.send('로그아웃 되었습니다')
+}
+
+export default { login, logout }
+// {} : 객체로 return함

server/controllers/profile.controller.js

+import Profile from "../models/profile.js"
+import bcrypt from "bcryptjs";
+import jwt from 'jsonwebtoken'
+import config from "../config.js"
+
+
+
+
+const getimage = async (req, res) => {
+    const defaultimg = 'https://t1.daumcdn.net/cfile/tistory/2761AA4558A05CBE2A'
+    // const newImg = await new Profile({
+    //     defaultimg
+    //     //required를 하였기 때문에 이중 하나라도 없으면 에러 발생
+    // }).save()
+
+
+}
+
+export default { getimage }
\ No newline at end of file

server/controllers/user.controller.js

 import User from "../models/User.js"
 import isLength from 'validator/lib/isLength.js'
 import isEmail from 'validator/lib/isEmail.js'
+import bcrypt from "bcryptjs";
+import jwt from 'jsonwebtoken'
+import config from "../config.js"
 //꼭 js붙여주기!!
-//isEmail
 
 //sign validation해야됨
 const signup = async (req, res) => {
-    const { name, nickname, email, password } = req.body
+
+    const { username, nickname, email, password } = req.body
     //req.body를 구조분해하여 각각 보이게함 -> 모든정보들이 한줄에 보임
-    console.log(name, nickname, email, password)
+    console.log(username, nickname, email, password)
 
     try {
-
-        if (!isLength(name, { min: 3, max: 10 })) {
+        if (!isLength(username, { min: 3, max: 10 })) {
             //이범위를 벗어나면 error발생
-            return res.status(422).send('Name must be 3-10 characters')
+            return res.status(422).send('이름은 3-10자 사이입니다')
             //422 : 형식이 잘못되었다는 error발생
-        } else if (!isLength(nickname, { min: 3, max: 10 })) {
-            return res.status(422).send('Nickname must be 3-10 characters')
-        } else if (!isEmail(email, {
-            allow_display_name: true,
-            require_display_name: true,
-            allow_utf8_local_part: false,
-        })) {
-            return res.status(422).send('Email does not fit the format')
-        } else if (!isLength(password, { min: 6, max: 25 })) {
-            return res.status(422).send('Nickname must be 6-25 characters')
+        } else if (!isLength(nickname, { min: 2, max: 10 })) {
+            return res.status(422).send('별명은 2-10자 사이입니다.')
+        } else if (!isLength(password, { min: 6 })) {
+            return res.status(422).send('비밀번호는 6자 이상입니다.')
+        } else if (!isEmail(email)) {
+            return res.status(422).send('유효하지 않은 이메일 형식입니다')
         }
+        // else if (!isLength(nickname, { min: 3, max: 10 })) {
+        //     return res.status(422).send('Nickname must be 3-10 characters')
+        // } else if (!isEmail(email, {
+        //     allow_display_name: true,
+        //     require_display_name: true,
+        //     allow_utf8_local_part: false,
+        // })) {
+        //     return res.status(422).send('Email does not fit the format')
+        // } else if (!isLength(password, { min: 6, max: 25 })) {
+        //     return res.status(422).send('Nickname must be 6-25 characters')
+        // }
+
+        // 기존의 email이 있으면 나오는 error (unique)
+        const user = await User.findOne({ email })
+        if (user) {
+            return res.status(422).send(`${email}이 이미 사용중입니다.`)
+        }
+
+        const hash = await bcrypt.hash(password, 10)
+        //promise이므로 await사용함
 
         const newUser = await new User({
-            name,
+            username,
             nickname,
             email,
-            password,
+            password: hash,
             //required를 하였기 때문에 이중 하나라도 없으면 에러 발생
         }).save()
         //save시 user schema형식에 맞는지 확인후 틀리면 error발생 맞으면 mongooDb로 들어감
@@ -43,18 +61,33 @@ const signup = async (req, res) => {
     } catch (error) {
         //알수없는 모든 에러발생시 처리
         console.log(error)
-        res.status(500).send('User signup error')
+        res.status(500).send('회원가입 에러발생하였습니다.')
     }
-
-    //newUSer (객체)를 json형식으로 바꿔서 객체열로 보냄
-    //res : 응답하는 객체
-    //응답안할 시 browser에서 빙빙돌다 에러 발생 -> 꼭 붙여줘야됨!
-    //res는 한번만 실행. 두번하면 에러 발생
 }
+const hello = async (req, res) => {
+    let users = await User.find().select('name nickname email _id').exec()
+    return res.json(users)
+}
+
+
 
-const hello = (req, res) => {
-    res.send('Hello from users controller')
+const logineduser = async (req, res) => {
+    try {
+        let user = await User.findOne(req.body).select('username email nickname').exec()
+        return res.json(user)
+    } catch (error) {
+        alert('올바르지 못한 접근입니다.')
+    }
+}
+const changenick = async (req, res) => {
+    try {
+        const newnick = req.body.nickname
+        await User.update({ 'username': req.body.username }, { 'nickname': newnick })
+    } catch (error) {
+        alert('올바르지 못한 접근입니다.')
+    }
 }
 
-export default { signup, hello }
+
+export default { signup, hello, logineduser, changenick }
 // {} : 객체로 return함
\ No newline at end of file

server/models/Chat.js

@@ -3,20 +3,23 @@ import mongoose from 'mongoose'
 const {String} = mongoose.Schema.Types
 
 const ChatSchema = new mongoose.Schema({
-    room: {
-        type: ObjectId,
+    name: {
+        type: String,
         required: true,
-        ref:'Room',
     },
-    nickname: {
+    interest: {
         type: String,
         required: true,
-        ref:'USer',
+        select: false
     },
-    chat: String,
-},{
+    isOpen: {
+        type: String,
+        required: true,
+        default: 'user',
+        enum: ['user', 'admin', 'root']
+    }
+}, {
     timestamps: true
 })
 
-export default mongoose.models.Chat || mongoose.model('Chat', ChatSchema)
-//chat라는 이름이 있으면 앞을 return하고 없으면 뒤를 실행함
\ No newline at end of file
+export default mongoose.models.ChatSchema || mongoose.model('chat', ChatSchema)
\ No newline at end of file

server/models/User.js

@@ -2,13 +2,13 @@
 
 import mongoose from 'mongoose'
 
-const {String} = mongoose.Schema.Types
+const { String } = mongoose.Schema.Types
 //원래 java의 string이 아니라 mongoose의 string을 쓰기 위해 불러옴.
 //object의 id를 쓸때에도 추가시켜줘야됨.
 
 //형식을 정의함.
 const UserSchema = new mongoose.Schema({
-    name: {
+    username: {
         type: String,
         required: true,
     },
@@ -29,14 +29,6 @@ const UserSchema = new mongoose.Schema({
         //정보를 찾을때 찾지 않게함
         //플러스 옵션을 주면 찾을 수 있음(mongoose에서 용법찾아봐야됨)
     },
-    // role: {
-    //     type: String,
-    //     required: true,
-    //     default: 'user',
-    //     enum: ['user', 'admin', 'root'],
-    //     //열거, 배열 : role이라는 것이 'user', 'admin', 'root'중 하나를 쓰임
-    //     //사용자에 역할을 줄 때 사용함.
-    //}
 },{
     //옵셥을 정의함.
     timestamps: true

server/models/profile.js

+import mongoose from 'mongoose'
+
+const { String } = mongoose.Schema.Types
+
+const ProfileSchema = new mongoose.Schema({
+    defaultImg: {
+        type: String,
+        required: true,
+    },
+}, {
+    timestamps: true
+})
+
+export default mongoose.models.ProfileSchema || mongoose.model('profile', ProfileSchema)
\ No newline at end of file

server/routes/auth.routes.js

+import express from 'express'
+import authCtrl from '../controllers/auth.controller.js'
+
+const router = express.Router()
+//router의 역할 : './주소'부분을 처리하는 역할함. 
+
+router.route('/auth/login')
+    .post(authCtrl.login)
+    .get(authCtrl.login)
+
+router.route('/auth/logout')
+    .get(authCtrl.logout)
+// /api/users/signup로 들어오는 것을 post (method) 를 통해 useCtrl.signup 이것이 처리함
+//browser에서 주소창에 치고 들어가면 get (method) 을 타고 들어간것임
+//post를 띄우고 싶으면 앱에서 ARC실행해서 post를 실행하게 만들면됨.
+//객체에 접근할때는 .을 찍고 접근함/ ex) .hello
+//express middleware : (req, res) => {}
+//node(req(client의 정보), res)를 넘겨줌.
+
+export default router
\ No newline at end of file

server/routes/profile.routes.js

+import express from 'express'
+import profileCtrl from "../controllers/profile.controller.js";
+
+
+const router = express.Router()
+
+router.route('/profile')
+    .get(profileCtrl.getimage)
+
+    
+
+
+export default router
\ No newline at end of file

server/routes/user.routes.js

@@ -4,10 +4,21 @@ import userCtrl from '../controllers/user.controller.js'
 const router = express.Router()
 //router의 역할 : './주소'부분을 처리하는 역할함. 
 
-router.route('/signup')
+router.route('/users/signup')
     .post(userCtrl.signup)
     .get(userCtrl.hello)
 
+router.route(`/users/:userId`)
+    .post(userCtrl.logineduser)
+    .put(userCtrl.changenick)
+
+
+
+// router.route('/api/users/signup/:userId')    //로그인한 사람의 정보만 가져오도록
+//     .get
+
+
+
 // /api/users/signup로 들어오는 것을 post (method) 를 통해 useCtrl.signup 이것이 처리함
 //browser에서 주소창에 치고 들어가면 get (method) 을 타고 들어간것임
 //post를 띄우고 싶으면 앱에서 ARC실행해서 post를 실행하게 만들면됨.

server/server.js

 import express from 'express'
 import connectDb from './utils/connectDb.js'
 import userRouter from './routes/user.routes.js'
+import authRouter from './routes/auth.routes.js'
+import profileRouter from './routes/profile.routes.js'
+
+import cors from "cors";
+import bodyParser from "body-parser";
+import http from "http";
+import { Server } from 'socket.io';
+
 
 connectDb()
 
 const app = express()
 
-app.use(express.json())
+const server = http.createServer(app);
+
+const io = new Server(server)
+
+
+io.on("connection", (socket) => { // 기본 연결
+  console.log("socket connect ok", socket.id)
+
+
+  socket.on('joinRoom', (data) => { // joinRoom을 클라이언트가 emit했을 때
+    let roomName = data;
+    console.log(roomName, "방 입장")
+    socket.join(roomName); //클라이언트에서 data에 적힌 room으로 참여시킴
+
+  });
+
+  socket.on('chat', (data) => {
+    console.log(`chat실행 :`, data.roomName, data.msg)
+    io.to(data.roomName).emit('broadcast', data.msg); //roomName에 존재하는 모든 소켓들에게 
+  })
+
+  socket.on('disconnect', () => {
+    console.log('disconnected from server id=', socket.id)
+  })
+
+
+});
+
+// app.use(express.json())
 //이부분을 body 파싱함
+app.use(bodyParser.json());
+
+// app.use(cors());
+// app.use('/', indexRouter);
 //express가 req.body라는곳을 자동으로만들어서 json형식으로 보낸것을 객체형식으로 넣음
 //이부분 다음부터는 req.body라는 부분을 실행할 수 있음
 
 app.use(userRouter)
+app.use(authRouter)
+app.use(profileRouter)
 //userRouter로 이동
 
 app.get('/', (req, res) => {
   res.send('Hello World. 안녕하세요')
 })
 
-app.listen(3030, () => {
+server.listen(3030, () => {
   console.log('Listening on port 3030')
 })
+
+/////////////////////////////////////////////////////////
+
+
+
+
+// export default server